Hallo,
Ik denk dat sommigen van jullie lightbox wel kennen het opent je foto gecentreerd en
fade de rest van de pagina lightgrijs.
Maar ik heb een probleempje, wanneer ik een grote foto open gaat hij buiten het scherm en moet je gaan scrollen om de foto te kunnen zien.
Hieronder de code van lightbox en een voorbeeld hoe je het aanroept.

/*lightbox.css */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}



Aanroep

<a href=\"fotos/fotos/".$img['naam']."\" rel=\"lightbox\" title=\"Prijs:&euro;".$img['prijs']."<br/>Beschikbaar:".$img['beschikbaarheid']."<br/>Afmeting:".$img['afmeting']."CM\"><img src=\"fotos/fotos/thumbs/".$img['naam']."\" width=\"150\"/></a>


Geef er gewoon een maximale breedte aan mee.
Dus width="90%" oid (weet zo niet precies)

En haal aub de code van lightbox.JS weg..
Mr Bean op 13/07/2010 12:44:18

Geef er gewoon een maximale breedte aan mee.
Dus width="90%" oid (weet zo niet precies)

En haal aub de code van lightbox.JS weg..


Hmm helaas dat werkt niet.
Bas, hier al naar gekeken toevallig? Ik zie namelijk meerdere mogelijkheden..

[google]lightbox max width image[/google]
Ja ik ook, maar ik heb nu net lightbox 2 geïnstalleerd.
Het wil me nog niet lukken, wel om de foto kleiner te krijgen maar dan gaat de overlay kappot.

Reageren