Afbeeldingen groter tonen bij klikken of dergelijke
Ik haal een aantal foto' uit een bepaalde map, en toon die op het scherm. Maar deze foto's zijn vrij "klein". Is het mogelijk om bij een muisklik of iets deze groter te tonen, zodat deze toch wat beter zichtbaar zijn.
Worden deze voorbeeld opgeslagen als 500x500 en worden ze op de site weer gegeven als 100x100. Dan zeg ik ja het kan om een link te zetten naar de orginele formaat afbeelding. Dit kan je doen met een lightbox idee.
Maar... Als de afbeeldingen worden opgeslagen als 100x100 en ze worden weer gegeven als 100x100, dan kan het niet. Ja het kan wel alleen trek je dan je foto's uit verband en word de weergave niet mooier op.
Opgeslagen als 1024*768, weergave: 200 x 200
Zoek eens op lightbox, fancybox etc dan heb je genoeg plugins die je kan gebruiken :)
Maar dan moet je alle foto's erin plaatsen. Als er dan 50 foto's in een map staan, wordt de file wel heel groot om te maken.
Luc Baetsle op 20/11/2012 10:07:32:
Opgeslagen als 1024*768, weergave: 200 x 200
Dit is niet zo slim. Ondanks dat de foto's klein worden weergegeven, worden wel telkens de grote versies ingeladen. Hierdoor wordt je website onnodig traag. Daarnaast, als het origineel 1024x768 is en je verkleint dit naar 200x200 (een vierkant) dan trek je de foto uit verhouding.
Toevoeging op 20/11/2012 11:25:31:
p.s. Ik zie nu pas dat dit topic dubbel staat! Waarom dat nu weer?
Maar dat lost mijn probleem nog steeds niet op. Via Lightbox ed. is het niet mogelijk daar ik niet opvoorhand weet welke foto's worden opgevraagd.
Gewijzigd op 20/11/2012 11:31:39 door Luc Baetsle
Op jouw pagina staan een aantal foto's, de kleine versies. Door op een foto te klikken, wordt de lightbox geopend en wordt de grote versie getoond.
Hier een voorbeeldje:
http://lokeshdhakar.com/projects/lightbox2/
Luc Baetsle op 20/11/2012 11:30:38:
Uiteraard is wel mogelijk via lightbox. Je moet de html code tbv lightbox dynamisch opbouwen (genereren) met php. De verplichte html/javascript in de header gewoon opnemen en de html voor de foto dynamisch opbouwen. Kijk hier voor wat voorbeeld voor het dynamisch opbouwen van html http://www.leerhtml.nl/artikelen.php?id=23Via Lightbox ed. is het niet mogelijk daar ik niet opvoorhand weet welke foto's worden opgevraagd.
Gewijzigd op 20/11/2012 12:12:46 door John D
Dubbel topic gesloten verder in dit topic.[/modedit]
Maar hoe krijg ik de naam van de foto terug als er op de foto wordt geklikt, want deze worden uit de map gehaald tot deze geen foto's meer bevat.
Luc Baetsle op 20/11/2012 13:10:27:
Dat hoeft dan niet, dat is al helemaal klaargezet met lightbox door middel van de opgebouwde html.Maar hoe krijg ik de naam van de foto terug als er op de foto wordt geklikt, want deze worden uit de map gehaald tot deze geen foto's meer bevat.
Ik zie toch nergens dat deze worden uitgelezen uit een tabel of map ?
<a href="/fotogroot/foto1.jpg"><img src="/kleinefoto/foto1.jpg" alt="Klik voor grote foto."></a>
En als er 100 foto's zijn, dan moet ik dit 100 keer in de code zetten ?
Ja, maar dat doe je dus niet handmatig maar je laat de code door PHP genereren.
Oeps, pas 14 dagen met PHP bezig. Geen flauw idee hoe dat te doen
Dan moet je dus eerst nog even gaan oefenen ;-)
Ozzie PHP op 20/11/2012 13:29:25:
Precies zoals Ozzie zegt, ik probeerde het ook al duidelijk te maken :(Ja, maar dat doe je dus niet handmatig maar je laat de code door PHP genereren.
Toevoeging op 20/11/2012 14:50:03:
Ik google-de even op "php lightbox code" en vind vele links en kijk hier eens:
http://www.fatbellyman.com/webstuff/lightbox_gallery/index.php en de volgende:
http://www.hotscripts.com/forums/php/59906-lightbox-php-mysql.html
Gewijzigd op 20/11/2012 14:54:16 door John D
Mooi zo. In pagina's geplaatst en foto's worden mooi weergeven, behalve bij het klikken opent de foto in een nieuwe pagina ipv soort popup, ook next, previous en close worden niet weergegeven.