zufällige Bilderwahl

OpenEyes · 01.10.2010

Hallöle,
ich habe hier ein script für einen Bild-Slider. Funzt auch super. Allerdings hätte ich gerne dass er die Bilder zufällig wählt und nicht genau in der reihenfolge wie angegeben... ich weiss das ich eigentlich nur irgentwo ein random reinsetzen muss aber ich weiss nicht wo! :'(

Hier das Script:

Code:

<script type='text/javascript'>
<!--
<!--
var sliderwidth = 940;
var sliderheight = 140;
var slidespeed = 1;
var slidebgcolor = "#";
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;


leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/1.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/2.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/3.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/4.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/5.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/6.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/7.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/8.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/9.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/10.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/11.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/12.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/13.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/14.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/15.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/16.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/17.png"      border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/18.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/19.png"    border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/20.png"    border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/21.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/22.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/23.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/24.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/25.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/26.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/27.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/28.png"     border="0"></a>';
leftrightslide[i++] = '<a><img src="fileadmin/inhalt/logo/29.png"     border="0"></a>';


leftrightslide = '<nobr>' + leftrightslide.join(" ") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;

function fillup(){
    if (iedom){
        cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
        cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
        cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
        actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
        cross_slide2.style.left=actualwidth+20;
    }
    else if (document.layers){
        ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
        ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
        ns_slide.document.write(leftrightslide);
        ns_slide.document.close();
        actualwidth=ns_slide.document.width;
        ns_slide2.left=actualwidth+20;
        ns_slide2.document.write(leftrightslide);
        ns_slide2.document.close();
    }
    lefttime=setInterval("slideleft()",30);
}
window.onload=fillup;

function slideleft(){
    if (iedom){
        if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
            cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed;
        else
            cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30;

        if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
            cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed;
        else
            cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30;
    }
    else if (document.layers){
        if (ns_slide.left>(actualwidth*(-1)+8))
            ns_slide.left-=copyspeed;
        else
            ns_slide.left=ns_slide2.left+actualwidth+30;

        if (ns_slide2.left>(actualwidth*(-1)+8))
            ns_slide2.left-=copyspeed;
        else
            ns_slide2.left=ns_slide.left+actualwidth+30;
    }
}

if (iedom||document.layers){
    with (document){
        document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
        if (iedom){
            document.write('<div style="position:relative;width:' + sliderwidth + ';height:' + sliderheight + ';overflow:hidden">');
            document.write('<div style="position:absolute;width:' + sliderwidth + ';height:' + sliderheight + ';background-color:' + slidebgcolor + ';" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
            document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
            document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
            document.write('</div></div>');
        }
        else if (document.layers){
            document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
            document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
            document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
            document.write('</ilayer>');
        }
        document.write('</td></table>');
    }
}

//-->
</script>
<!-- MARKENAUSWAHL ENDE -->

netbandit · 01.10.2010

AW: zufällige Bilderwahl

Ich würde das Array 'leftrightslide' einfach mischen; Ich denke mal Du bist nicht der Erste der so etwas braucht und sicherlich gibt es da auch schon fertige Lösungen für. Suchbegriffe wie javascript, array, mischen helfen bestimmt weiter