Loesungen
Danke DaddyCool,
ich muss gestehen das ich schon diese marquee- und eine Javascript-Loesung ausprobiert habe.
Ich habe nur so lange mit dem vorstellen gewartet weil ich mit den Ergebnissen nicht ganz zufrieden war.
Die marquee Loesung ruckelte mir zu sehr.(vielleicht gehts jetzt mit ein paar Parametern besser.)
Und die Javaloesung sieht sehr gut aber es fehlt noch Link und title die ich leider noch nicht in der Lage bin zu ergaenzen.
Aber mit deinem Link komme ich vielleict weiter.
Und nun endlich die beiden Losungsansaetze: HTML-Code:
<marquee onmouseover="this.stop()" onmouseout="this.start()">
<a href="ExportImport/ecobeef/index.html" title="ecobeef"> <img src="ExportImport/ecobeef/images/highlanderportraits.jpg"></a>
<a href="ExportImport/Kelo/kelo.html" title="KeloKiefer"> <img src="ExportImport/Kelo/images/kelokuva2.jpg"></a>
<a href="ExportImport/Jagermeister/index.html" titel="Jagermeister"> <img src="ExportImport/Jagermeister/images/IMG3205Jaegers.jpg"></a>
<a href="Mix/taransport/transport.html" titel="Jagermeister"> <img src="Mix/taransport/IMG_1745_LKW10.JPG"> </a>
</marquee>
und Code:
<center>
<script type='text/javascript'>
<!--
var sliderwidth = 600; // Breite des Sliders
var sliderheight = 150; // Höhe des Sliders
var slidespeed = 2; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
leftrightslide[i++] = '<img src="Mix/taransport/IMG_1745_LKW10.JPG"></a>';
leftrightslide[i++] = '<img src="ExportImport/ecobeef/images/highlanderportraits.jpg"></a>';
leftrightslide[i++] = '<img src="ExportImport/Kelo/images/kelokuva2.jpg"></a>';
leftrightslide[i++] = '<img src="ExportImport/Jagermeister/images/IMG3205Jaegers.jpg"></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>
</center>
Nochmals vielen Dank ich werde mir gleich die Marquee parameter und das Javascript von deinem Link ansehen/ausprobieren. | 