Skip to content


Slideshow in der Startseite von xt:Commerce mit Javascript

Mit Hilfe einer Slideshow auf der Startseite eines Onlineshops kann man den Besucher direkt mit ein paar schönen Bilder beeindrucken. Doch wie kann man das realisieren?
Wie immer, gibt es hier mehrere Möglichkeiten. Ich habe hier folgendes Javascript von www.web-toolbox.net über den Contentmanager im Backend eingebunden und es läuft.
Hier ist die Slideshow live zu sehen: www.Tischleindeckdich-Shop.de
Und hier ist das Script:
<script language=”JavaScript” type=”text/javascript”>
<!–
// Anzeigezeit in ms
var WechselZeit = 5000;
ImageArr = new Array()
// URL der Bilder  hier eintragen
ImageArr[ImageArr.length] = “http://www.deineDomain/Bildverzeichnis/Bild1.jpg”;
ImageArr[ImageArr.length] = “http://www.deineDomain/Bildverzeichnis/Bild2.jpg”;
ImageArr[ImageArr.length] = “http://www.deineDomain/Bildverzeichnis/Bild3.jpg”;
ImageArr[ImageArr.length] = “http://www.deineDomain/Bildverzeichnis/Bild4.jpg”;
ImageArr[ImageArr.length] = “http://www.deineDomain/Bildverzeichnis/Bild5.jpg”;
var xAnzahl = ImageArr.length;
var xCounter=-1;
function Bildwechsel01() {
xCounter = xCounter+1;
if (xCounter < xAnzahl) {
document.getElementById(‘Foto01′).src = ImageArr[xCounter];
setTimeout (“Bildwechsel01()”,WechselZeit);
}
else {
xCounter = -1;
Bildwechsel01();
}
}
// Startverzögerung
setTimeout(‘Bildwechsel01()’, 5000);
//–>
</script>

Posted in XT-Commerce.

Tagged with , , .


2 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Kehrer says

    Und wie über den ContentManager?
    Ein neuen Content aufgemacht—und wie in die Index eingebaut?

    • Wolfgang says

      Hallo!
      Ich habe die Sldieshow im Content-Manager über die Funktion “html” eingebaut. Das funktioniert sowohl im neuen Content als auch auf der Index-Seite.
      Gruß
      Wolfgang

You must be logged in to post a comment.