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:€".$img['prijs']."<br/>Beschikbaar:".$img['beschikbaarheid']."<br/>Afmeting:".$img['afmeting']."CM\"><img src=\"fotos/fotos/thumbs/".$img['naam']."\" width=\"150\"/></a>