Bilder slideshow

[ritschmanhard]

Hi skymuss!

Ich erschaudere ehrfürchtig vor soviel "hardcoding" Ausdauer.
Was hältst du davon:
var imgName = new Array();
imgName.push("0f141f795fa84f841e9c63fbf10008d0.png");
...
imgName.push("c52697bc41431ea73dbc1d62b51a57ee.jpg");
var baseURL = "http://127.0.0.1/temp/TN"
var baseLink = "http://127.0.0.1/show.php?image=";

var imageid = 0;

function step()
{
  var link = baseLink+imgName[imageid];
  var url = baseURL+imgName[imageid];
  document.getElementById("slideshow").innerHTML = "<a href='"+link+"'><img src='"+url+"'></a>";
  imageid++;
  if (imageid<imgName.length)
    imageid = window.setTimeout("step()", 3000);
}

step();

//--> </script>

<div id='slideshow'></div>

Ob das eine gute Lösung ist, müßten man testen:

1. Ich bin nicht sicher, ob der mit innerHTML dynamisch geladene Code auch das jeweilige Bild nachlädt - sollte er aber...
2. Wenn der Ladevorgang für das Bild > 3s dauert (man stelle sich vor ein User mit Schmalband - Anschluß), dann gibt es Probleme.
3. der Sinn eines sich alle drei Sekunden ändernden Links erschliesst sich mir nicht...
4. eventuell kann/sollte man die (Link-)Bilder auch vorladen...

Viele Grüsse,
Richard