Afbeeldingen groter tonen bij klikken of dergelijke

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Luc Baetsle

Luc Baetsle

20/11/2012 10:02:19
Quote Anchor link
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.
 
PHP hulp

PHP hulp

05/11/2024 15:58:17
 
Frank WD

Frank WD

20/11/2012 10:05:32
Quote Anchor link
Licht er aan hoe groot de afbeeldingen worden opgeslagen.
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.
 
Luc Baetsle

Luc Baetsle

20/11/2012 10:07:32
Quote Anchor link
Opgeslagen als 1024*768, weergave: 200 x 200
 
Reshad F

Reshad F

20/11/2012 10:10:18
Quote Anchor link
Zoek eens op lightbox, fancybox etc dan heb je genoeg plugins die je kan gebruiken :)
 
Luc Baetsle

Luc Baetsle

20/11/2012 10:25:47
Quote Anchor link
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.
 
Ozzie PHP

Ozzie PHP

20/11/2012 11:23:25
Quote Anchor link
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?
 
Luc Baetsle

Luc Baetsle

20/11/2012 11:30:38
Quote Anchor link
Ja, weet het al. Ik kreeg bij de eerste keer geen bericht te zien, dus ik dacht dat er iets foutgelopen was. Heb het dan geprobeerd in ander deel van forum, toen stond het vorige bericht er wel in. (Had nochtans een paar keer gerefreshed).

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
 
Ozzie PHP

Ozzie PHP

20/11/2012 11:48:18
Quote Anchor link
Ik snap niet helemaal wat je met je laatste opmerking bedoelt, maar het principe is als volgt.

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/
 
John D

John D

20/11/2012 12:08:00
Quote Anchor link
Luc Baetsle op 20/11/2012 11:30:38:
Via Lightbox ed. is het niet mogelijk daar ik niet opvoorhand weet welke foto's worden opgevraagd.
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=23
Gewijzigd op 20/11/2012 12:12:46 door John D
 
Bas IJzelendoorn

Bas IJzelendoorn

20/11/2012 12:24:21
Quote Anchor link
Dubbel topic gesloten verder in dit topic.[/modedit]
 
Luc Baetsle

Luc Baetsle

20/11/2012 13:10:27
Quote Anchor link
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.
 
John D

John D

20/11/2012 13:22:30
Quote Anchor link
Luc Baetsle op 20/11/2012 13:10:27:
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.
Dat hoeft dan niet, dat is al helemaal klaargezet met lightbox door middel van de opgebouwde html.
 
Luc Baetsle

Luc Baetsle

20/11/2012 13:24:13
Quote Anchor link
Als ik de lightbox lees, dan staan er toch namen van img in vermeld ?
Ik zie toch nergens dat deze worden uitgelezen uit een tabel of map ?
 
Ozzie PHP

Ozzie PHP

20/11/2012 13:24:47
Quote Anchor link
Een linkje om iedere foto zetten met daarin de verwijzing naar de grote foto. Ik heb geen idee hoe goed jij kunt programmeren, maar uiteindelijk zul je (in je broncode) dus zoiets krijgen als dit:

<a href="/fotogroot/foto1.jpg"><img src="/kleinefoto/foto1.jpg" alt="Klik voor grote foto."></a>
 
Luc Baetsle

Luc Baetsle

20/11/2012 13:25:43
Quote Anchor link
En als er 100 foto's zijn, dan moet ik dit 100 keer in de code zetten ?
 
Ozzie PHP

Ozzie PHP

20/11/2012 13:29:25
Quote Anchor link
Ja, maar dat doe je dus niet handmatig maar je laat de code door PHP genereren.
 
Luc Baetsle

Luc Baetsle

20/11/2012 13:30:53
Quote Anchor link
Oeps, pas 14 dagen met PHP bezig. Geen flauw idee hoe dat te doen
 
Ozzie PHP

Ozzie PHP

20/11/2012 13:35:08
Quote Anchor link
Dan moet je dus eerst nog even gaan oefenen ;-)
 
John D

John D

20/11/2012 14:43:56
Quote Anchor link
Ozzie PHP op 20/11/2012 13:29:25:
Ja, maar dat doe je dus niet handmatig maar je laat de code door PHP genereren.
Precies zoals Ozzie zegt, ik probeerde het ook al duidelijk te maken :(



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
 
Luc Baetsle

Luc Baetsle

21/11/2012 19:52:57
Quote Anchor link
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.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.