• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

auto slideshow

Status
Für weitere Antworten geschlossen.
R

rjung

Neues Mitglied
hallo,

ich hätte auf meiner website gerne eine slideshow, die automatisch funktioniert.
mein coding bisher:

Code: 
<script type="text/javascript">
var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
rotate(++x);
}
</script>

<form name="ff">
<table cellpadding="3" style="border:0px;">


<tr><td align=center>
<img src="http://wwww.meinfotot.at/image0.jpg"" name="show">
</td></tr>

<tr><td align=center style="border:0px">
<se<option value="http://wwww.meinfotot.at/image1.jpg"></option>
<option value="http://wwww.meinfotot.at/image2.jpg"></option>
<option value="http://wwww.meinfotot.at/image3.jpg"></option>
<option value="http://wwww.meinfotot.at/image4.jpg"></option>
<option value="http://wwww.meinfotot.at/image5.jpg"></option>
</select>
</td></tr>
</table>
</form>
funktioniert leider nicht :-( ich hoffe ihr könnt mir helfen wo mein fehler liegt bzw. diesen ausbessern danke schon mal!

lg

rjung
 
Mit einer Websuche nach "slideshow javascript" bist du da definitv besser beraten. Da gibt es sehr schöne und umfangreiche Lösungen.
 
hallo,

ja select, aber das hat nichts geändert.. habe jetzt einw enig mehr gegoogelt und eine mir passende lösung gefunden..
simpel, schlicht - ausreichtnd :-) - aber leider noch nicht funktionsfähig, da dieser jemand den treath nicht beendete.. habe mich jetzt herumprobiert, aber weiß nocht worans liegt hoffe ihr könnt helfen danke schon mal

<html>
<head>
<script language="JavaScript1.1">

var image1=new Image()
image1.src="images/1.jpg"
var image2=new Image()
image2.src="images/2.jpg"
var image3=new Image()
image3.src="images/3.jpg"
var image4=new Image()
image4.src="images/4.jpg"
var image5=new Image()
image5.src="images/5.jpg"

var nummer=1
function wechsle(){
document.images.slideshowBilder.src=eval("image"+nummer+".src")

if (nummer<5)
nummer++
else
nummer=1

setTimeout("wechsle()",3000)
}
wechsle()
</script>

<body>
<div align="center"
<img src="images/1.jpg" name="SlideshowBilder">
</div>
</body>
</html>
 
HTML: 
<!DOCTYPE html>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>New</title>
<script type="text/javascript">

/**
 * A simple slideshow script
 *
 * @param Array            imageFiles Array of image files
 * @param string           basePath Path will be prepended to all image paths
 * @param HTMLImageElement container The img element to display the images
 * @param int              intervalLength Slideshow interval in ms
 *                           (default: 3000)
 */
function Slideshow(imageFiles, basePath, container, intervalLength)
{
    this._imageFiles     = imageFiles;
    this._basePath       = basePath;
    this._container      = container;
    this._images         = new Array();
    this._activeIndex    = 0;
    this._interval       = null;
    this._intervalLength = (intervalLength === undefined)
                         ? 3000 : intervalLength;

    /**
     * Pseudo-constructor
     */
    this._init = function ()
    {
        for (var i = 0; i < this._imageFiles.length; i++) {
            var tmpImage = new Image();
            tmpImage.src = this._basePath + this._imageFiles[i];
            this._images.push(tmpImage);
        }

        this._container.src = this._images[this._activeIndex].src;

        var t = this;
        this._interval = window.setInterval(function () { t.cycle(); }, 3000);
    };

    /**
     * Display next image. Wraps around to first image if there is none left
     */
    this.cycle = function ()
    {
        this._activeIndex = (this._activeIndex < this._images.length - 1)
                          ? this._activeIndex + 1 : 0;
        this._container.src = this._images[this._activeIndex].src;
    };

    /**
     * Stops the slideshow by clearing its interval
     */
    this.stop = function ()
    {
        window.clearInterval(this._interval);
    };

    this._init();
}

var s = null;

window.onload = function ()
{
    s = new Slideshow(new Array('1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'),
                      'images/',
                      document.getElementById('SlideshowBilder'));
};
</script>
    </head>

    <body>
        <button onclick="s.stop();">stop</button>
        <img src="images/1.jpg" id="SlideshowBilder" />
    </body>

</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben