[Guide +Code] Diashow von Bilder

  • [SIZE="5"]Der Code beinhaltet eine Diaschow von bilder :D[/SIZE]

    [FELD="Code"]<html>

    <center>
    <script language="JavaScript">


    var sliderwidth = 550;
    var sliderheight = 124
    var slidespeed = 2
    var slidebgcolor = "#000000";
    var leftrightslide = new Array();
    var copyspeed = slidespeed;
    var i = 0;

    leftrightslide[i++] = '<a href="0001.html"><img src="http://www.godlikerz.de/images/ambient…images/logo.gif"></a>';
    leftrightslide[i++] = '<a href="0004.html"><img src="http://img369.imageshack.us/img369/5818/ffjbanner2.png"></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>
    <body>
    (c)by DmC DesigneZ
    </body>
    </center>
    </html>[/FELD]


    [SIZE="6"]Guide[/SIZE]

    [FELD="Code"]
    var sliderwidth = 550; <--- Hier die breite veränderbar
    var sliderheight = 124 <---- Hier die Höhe
    var slidespeed = 2 <---- Hier der Speed
    var slidebgcolor = "#000000"; <- und Hier die Farbe ;)
    var leftrightslide = new Array();
    var copyspeed = slidespeed;
    var i = 0;[/FELD]


    [FELD="Code"]
    leftrightslide[i++] = '<a href="0001.html"><img src="http://www.godlikerz.de/images/ambient…images/logo.gif"></a>';
    leftrightslide[i++] = '<a href="0004.html"><img src="http://img369.imageshack.us/img369/5818/ffjbanner2.png"></a>';
    <---- Hier könnt ihr noch mehr bilder reinsetzen oder ersetzten ;)[/FELD]

  • Danke für den tollen Html Code =P Du bist der beste

  • NAJA sagt der Zero wiedermal, das heisst es gibt was zu kritisieren! <3

    Seiten wie ImageShack machen sowas von ganz alleine, also eigentlich unnötig aber OKAY für deine MÜHE kriegsten THANKS xD

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!