Dynamisk slideshow.

Hvis du er så heldig, at billederne ligger i et separat bibliotek (som du kender navnet på eller har fundet frem til dynamisk), kan du jo lave et array bestående af filnavnene fra det bibliotek, og så bruge dem til at danne dit slideshow.

Lad mig vide, om det er en mulighed for dig, for så kan jeg godt sprøjte et kodeeksempel ud.

Jeg fangede den rent faktisk selv. Jeg har alle filnavne i en db med kategorinummer på alle billederne. nedenstående kode virker for mig.

<? include("../config.php"); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
    <TITLE>SlideShow - MCtorsdagsklubben.dk</TITLE>
<LINK REL="stylesheet" HREF="../style.css" TYPE="text/css">

<SCRIPT type='text/javascript'>

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

<?
$hentx="select * from ".$galleri_tbl." where kategori = $cat_id";

// print $hentx;
$koer_hentx=mysql_query($hentx);
$antal = 0;
while($rowx=mysql_fetch_array($koer_hentx)){

print "Pic[".$antal."] = \"galleri/".$rowx[filnavn]."\"\n";
$antal ++;
}


?>



// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>

</HEAD>
<BODY onLoad="runSlideShow();">

  <img src="images/billede1.jpg" name='SlideShow' width=400 height=300 alt="">
</BODY>
</HTML>