billedegalleri forrige & næste?
Jeg har prøvet at få det her galleri til at virke, men uden held :/Fandt det her på eksperten.
Selve php-delen i scriptet virker 100% så der må være noget galt med javascript-delen...
kode:
<?php
$dir = "gallery/20-08-2005/";
$types = array("gif","jpg");
$picture_array = array();
$tekst_array = array();
// Open a known directory, and proceed to read its contents
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
$a = explode(".",basename($file));
if (in_array($a[count($a)-1],$types)) {
$picture_array[] = "\"".$file."\"";
$tekst_array[] = "\"".$file."\"";
}
}
closedir($dh);
}
}
?>
<script language="JavaScript">
var bill = new Array(<?php echo implode(",",$picture_array) ?>);
var txt = new Array(<?php echo implode(",",$tekst_array) ?>);
var pb3 = new Array();
for (y = 0; y < bill.length; y++) {
pb3[y] = new Image();
pb3[y] = bill[y];
}
function showPic(y) {
y = (y == '' || y > (bill.length)-1)?0:(y < 0)?(bill.length)-1:y;
document.getElementById("pic").src = "gallery/20-08-2005/" + pb3[y];
document.getElementById("tekst").innerHTML = "<a href='" + txt[y] + "' target='_black'>Fullsize</a>";
document.getElementById("plac_next").onclick = function() {
showPic(y+1);
return false;
}
document.getElementById("plac_prev").onclick = function() {
showPic(y-1);
return false;
}
}
</script>
</head>
<body>
<table width="710" cellpadding="0" cellspacing="0">
<tr>
<td width="335" height="340" style="background: url(logo.jpg) no-repeat;"> </td>
<td width="375"><img src="gallery/20-08-2005/01.jpg" id="pic" width="375" height="340" alt=""></td>
</tr>
<tr>
<td colspan="2" align="right" valign="top" style="background: url(bg_main.jpg) repeat-y;">
<div align="right" style="margin-right: 50px; margin-bottom: 10px;"><a href="#" id="plac_prev">prev</a> <a href="#" id="plac_next">next</a></div>
<div align="right" class="pic_overskrift" style="margin-right: 50px;" id="tekst"><a href='gallery/20-08-2005/01.jpg' target='_black'>Fullsize</a></div></td>
</tr>
<tr>
<td height="20" colspan="2" style="background: url(bottom.jpg) no-repeat;"> </td>
</tr>
</table>
</body>
</html>
