#1
| ||||
| ||||
Bilder(link)fliessbandHallo, Ich moechte, dass am unteren Rand meiner Seite kleine Bilder(Briefmarkengroesse) wie am Fliessband, in Endlosschleife, vorbeilaufen. Diese Bilder sollen als Link funktionieren. Habe keine Ahnung wie ich das realisieren soll. Ich habe noch keine Kenntnisse in Java oder Flash. mfG. Dirk __________________ Dirk Heinzel Dirk Heinzel IcCT [B]I[/B]nter[B]c[/B]ultural [B]C[/B]onsulting and [B]T[/B]rading Ltd. |
#2
| ||||
| ||||
Warum so umständlich? SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Ältere browser-proprietäre Elemente Sollte in allen aktuellen Browsern funktionieren. __________________ Fabian Martin Fabian Martin Blog | Twitter | XING |
#3
| ||||
| ||||
LoesungenDanke 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> 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> __________________ Dirk Heinzel Dirk Heinzel IcCT [B]I[/B]nter[B]c[/B]ultural [B]C[/B]onsulting and [B]T[/B]rading Ltd. |
Stichworte |
- |
Themen-Optionen | |
Thema bewerten | |
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verkaufe: In-Link Lizenz | jb-net | Marktplatz: Projekt, Domain- & Jobbörse | 0 | 26.12.2006 14:51 |
Text auf Bild(=Link) zentrieren | heinzel | Programmierung und Datenbanken | 4 | 21.12.2006 03:14 |
PHP automatischer Link... | MadMick79 | Programmierung und Datenbanken | 5 | 12.02.2006 14:03 |
Navigationsmenü link/rechts vom Board? | Patrick Gotthardt | Community Management, Administration und Moderation | 10 | 24.10.2003 21:14 |