1. Laad je ligthbox javascript in.
2. Voeg to aan je link naar je image: rel="lightbox[set]" (dit zet de plaatjes in een set, en die kan je lekker doorscrollen met de pijltjestoetsen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Titel</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<?php
error_reporting(E_ALL);
$maindir = 'fotos/11_10_07/';
if($handle = opendir($maindir)) {
while($file = readdir($handle)) {
if(eregi('.jpg|.jpeg|.gif|.bmp|.png', $file)){
echo '<a href="' . $maindir . $file . '" target ="_blank" rel="lightbox[set]">';
echo '<img src="' . $maindir . $file . '" width="200" height="150" border="0" />';
echo '</a>';
}
}
}
?>
</body>
</html>
Link gekopieerd
Heb je kleine en grote versies van je plaatjes?
Link gekopieerd
Nee, 1 soort. De grote dus.
Link gekopieerd
Dan zul je thumbnails daar neer moeten zetten, tenmiste, daar is het voor bedoelt.
Link gekopieerd
Arend, bedankt! het werkt!
Tommy: " echo '<img src="' . $maindir . $file . '" width="200" height="150" border="0" />';"
Ik laat ze door HTML kleiner maken. Dus je ziet wel kleine fototjes. ;)
Link gekopieerd
neen, je ziet dezelfde fotos. maak er thumbs van. zoals het moet.
Link gekopieerd
Een thumbnail is geen door de browser verkleinde versie van de afbeelding, maar door jou (of bijv door php).
Link gekopieerd
