Bilder Bildlauf
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hi.Ich möchte mit javasript einen Bildlauf erstellen,der veschiedene Bilder aneinander flüssig! druchlaufen lässt,mit einem ständigen logo in der rechten oberen Ecke und einem ständigen kleinen Text unten.
Im Internet fand ich unter http://www.kostenlose-javascripts.de/javascripts/bilder/bildlaufleiste.html -->Eine BSP. leiste
<!-- präsentiert von kostenlose-javascripts.de -->
<script type=\\\\\\\'text/javascript\\\\\\\'>
<!--
var sliderwidth = 1024; // Breite des Sliders
var sliderheight = 100; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = \\\\\\\"#FFFFFF\\\\\\\"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0001.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0001.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0004.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0004.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0005.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0005.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0006.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0006.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0010.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0010.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0011.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0011.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0012.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0012.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0013.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0013.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0014.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0014.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0015.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0015.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0016.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0016.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0023.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0023.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0024.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0024.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0026.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0026.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0027.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0027.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0030.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0030.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0031.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0031.jpg\\\\\\\"></a>\\\\\\\';
leftrightslide[i++] = \\\\\\\'<a href=\\\\\\\"0033.html\\\\\\\"><img src=\\\\\\\"_files/images/thumbs/0033.jpg\\\\\\\"></a>\\\\\\\';
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = \\\\\\\'<nobr>\\\\\\\' + leftrightslide.join(\\\\\\\"\\\\\\\") + \\\\\\\'</nobr>\\\\\\\';
var iedom = document.all || document.getElementById;
if (iedom)
document.write(\\\\\\\'<span id=\\\\\\\"temp\\\\\\\" style=\\\\\\\"visibility:hidden;position:absolute;top:-100px;left:-3000px\\\\\\\">\\\\\\\' + 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+\\\\\\\"px\\\\\\\";
}
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);
}
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+\\\\\\\"px\\\\\\\";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+\\\\\\\"px\\\\\\\";
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+\\\\\\\"px\\\\\\\";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+\\\\\\\"px\\\\\\\";
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth;
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth;
}
}
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 + \\\\\\\'px;height:\\\\\\\' + sliderheight + \\\\\\\'px;overflow:hidden\\\\\\\">\\\\\\\');
document.write(\\\\\\\'<div style=\\\\\\\"position:absolute;width:\\\\\\\' + sliderwidth + \\\\\\\'px;height:\\\\\\\' + sliderheight + \\\\\\\'px;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>
<br />
<div id=\\\\\\\"kostenlosejavascripts\\\\\\\" align=\\\\\\\"center\\\\\\\"><a href=\\\\\\\"http://www.afrikasafaris.de/infos/laender/karte-von-botswana.html\\\\\\\" title=\\\\\\\"Karte von Botswana\\\\\\\" target=\\\\\\\"_blank\\\\\\\">Karte von Botswana</a></div>
<br />
<script type=\\\\\\\"text/javascript\\\\\\\" src=\\\\\\\"http://www.kostenlose-javascripts.de/startScript.php?id=234\\\\\\\"></script>
<!-- präsentiert von kostenlose-javascripts.de -->
Wir krieg ich dort die blau/Schwarzen Ränder weg,die Lücke beim Neu Anfangen und Text bzw ständiges Logo rein.
Beitrag geändert: 21.9.2007 18:28:28 von marcelhp
Unter IE läuft es flüssig,aber mit Firefox nihct.Wie kann man das optimieren?
Beitrag geändert: 23.9.2007 19:46:44 von marcelhp -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage