• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilderlauf neu starten

G

Grünschnabel

Neues Mitglied
Guten Tag :wink:

ich hoffe es ist okay wenn ich mit einem ähnlichen Problem hier anknüpfe. Habe sonst keinen passenden Thread über die Suchfunktion gefunden.

Ich schildere mal Kurz mein Problem.. Und zwar möchte ich mehrere Bilder, um genau zu sein vier, hintereinander auf meiner Seite von Links nach rechts laufend haben. Den Befehl dafür habe ich, nämlich mit "<MARQUEE direction=left> .. " usw.
Nur möchte ich das wenn das Bild links wieder verschwindet, sich direkt wieder an das Letzte anknüpft. Jedoch habe ich das Problem das alle Bilder erst links verschwinden, darauf folgt ein Leerlauf und dann kommt erst wieder das Erste Bild.

Wenn Jemand eine Ahnung hat bitte ich dringend um Hilfe, bin nämlich ratlos :?

MFG Grünschnabel
 
Ich habe deinen Beitrag in ein neues Thema verschoben, dass Du
a) keine 3 Jahre alten Topics ausgraben brauchst.
b) ein völlig anderes Problem hast.

Was Du suchst ist nämlich die Möglichkeit einen Bildlauf neu starten zu lassen, wenn er am Ende angekommen ist. Mit dem von dir gefundenen HTML-Element marquee geht das nicht - zum Glück, denn er gehört nicht zum Standard und wird durch pures Glück noch von Browsern unterstützt. Wenn Du einen modernen Bilderlauf haben willst, schau dir mal JavaScript-basierte Slideshows an. Denn die können auch wieder von vorne beginnen. Beispiele findest Du z.B. bei der JavaScript-Bibliothek jQuery.
 
Okay, Danke erstmal für die Verschiebung. Bin erst seit Heute hier angemeldet und muss mich eben auch erstmal zurecht finden.:D

Eigentlich geht es nur um ein Projekt für die Schule, das ich abschließend zum Thema HTML noch ein bisschen perfektionieren wollte. Aber mich deshalb jetzt in JavaScript einlesen, wäre die Mühe nicht Wert, denn auf diesen kleinen Zusatzeffekt kommt es dann auch nicht mehr an. JavaScript werden wir auch noch behandeln und so werde ich mein HTML-Projekt nun als abgeschlossen ansehen.

Aber trotzdem vielen Dank für die Information, dass der Befehl in HTML nicht in anderer Form vorhanden ist.

MFG Grünschnabel
 
falls du es doch per Copy & Paste machst:
Bildlaufleiste Javascript

Code: 
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var sliderwidth = 550; // Breite des Sliders
var sliderheight = 80; // 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 />


<br />
<script type="text/javascript">function addEvent234(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent234(window,'load',fillup);</script>
<!-- präsentiert von kostenlose-javascripts.de -->

ich weiß es sieht kompliziert aus, ist es auch :D
Aber es einfach kopieren, die Pfade ändern, das kann jeder ;) (fast)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben