bilder in einer reihenfolge ablaufen lassen?

[Alexander W]

Tja gerade das Problem mit dem Scrollen gelöst und schon wieder das nächste.

Ich hab auf der Seite eine Art Slideshow in der die Bilder am linken Rand von unten nach oben laufen und das die ganze Zeit. Leider läuft es momentan mit diesem Code:

CODE
<td rowspan="1" colspan="2"><marquee direction=up height=360 scrollAmount=1 scrolldelay=60>

<center>


<a href="images/region/vorpom1.jpg" target="_blank"><img src="images/bilderkl/vorpom1.gif" alt="XXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom2.jpg" target="_blank"><img src="images/bilderkl/vorpom2.gif" alt="XXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom3.jpg" target="_blank"><img src="images/bilderkl/vorpom3.gif" alt="XXXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom4.jpg" target="_blank"><img src="images/bilderkl/vorpom4.gif" alt="XXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom5.jpg" target="_blank"><img src="images/bilderkl/vorpom5.gif" alt="XXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom6.jpg" target="_blank"><img src="images/bilderkl/vorpom6.gif" alt="XXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom7.jpg" target="_blank"><img src="images/bilderkl/vorpom7.gif" alt="XXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom8.jpg" target="_blank"><img src="images/bilderkl/vorpom8.gif" alt="XXXXX" border="0"></a>
<br><br>
<a href="images/region/vorpom9.jpg" target="_blank"><img src="images/bilderkl/vorpom9.gif" alt="XXXXX" border="0"></a>

</center></marquee>

</td>



Allerdings habe ich mitbekommen das es außer auf meinem IE sonst auf keinem anderen Browser läuft.

Weiß in der Hinsicht auch jemand Rat von Euch?

Habe bisher schon viel bei scripten gesucht aber gefunden habe ich leider nichts.

 

[Metaman]

also marquee funktioniert in Netscape ab der Verion 7 Firefox sollte damit auch keine Problem haben....
also einfach gesagt ich weiß es nicht

Aber schau mal auf http://www.doebbersen.de
dort unter dem Menüpunkt Ausblicke hab ich vor zwei jahren ein Script installiert bei dem die Bilder horizontal in einer Endlosschleife schrollen.

dieses Script hab ich damals in einem einem Forum bekommen.
vielleicht kann man das ja auch dazu bringen von oben nach unten zu scrollen ????

 

[Guest]

wenn du nichts gegen javascript hast, kannst du die ganze kolonne in eine Form packen und mit document.formname.bildname.style.top=variable
mit der funktion setTimeout verschieben. Das birgt auch den Vorteil, dass nicht erst alle Bilder komplett wie im Marquee geladen werden müssen bevor das erste Bild sichtbar ist.

 

[Guest]

unten im body:

<script type="text/javascript">
var y= anfangspixel;
function Scroll(){
y+=pixel;
document.getElementByID('divcontainer&#39.style.top=y
if(y==scrollendepixel)y=anfangspixel;
setTimeout("Scroll()",20);
}
function initialize{Scroll()}
</script>

wenn du nicht immer wie beim Marquee nach jedem loop leeren Platz haben willst, musst du die Bilder eben wie oben beschrieben, einzeln verschieben.

 

[Alexander W]

also gegen java hab ich nichts und ja ihr habt recht bei firefox und netscape klappt es aber beim normalen mozilla nicht und das stört mich schon da ichs dort auch am laufen haben möcht.


@Tuemmel sorry das sich dat jetzt vielleicht auf den Kopf gefallen anhört aber bei java scripts hab ich noch nicht so den plan und weiß momentan ehrlich ned wie du das meinst und was ich da nun genau machen muß.

 

[Guest]

<div id ="bild0" style="top:10;position:kommt drauf an was sich noch so auf der seite befindet.;">
<div id ="bild1" style="top:10;position:kommt drauf an was sich noch so auf der seite befindet.;">
<div id ="bild2" style="top:10;position:kommt drauf an was sich noch so auf der seite befindet.;">
.
.
.
und dann das script.
die function scroll() verschiebt das div alle 20 ms um die variblenwert y nach oben, bis es bei scrollende wieder an den anfangspunkt zurückgesetzt wird. (ungetestet)
ist doch fast genauso wie php oder jede andere programmiersprache.

http://www.devguru.com/Technologies/ecmasc...settimeout.html
http://www.devguru.com/technologies/dhtml/...lementbyid.html

 

[Guest]

so rein prinzipiell brauchst du auch gar keine div container sondern kannst direkt das image nehmen:

<script type="text/savascript">
//url zuweisen
marqueeimages=new Array(url1,url2,url3,...)
var slideimages=new Array()
var y=pixel;

function ini(){
for (i=0;i<marqueeimages.arguments.length;i++){
//bilder erzeugen
slideimages=new Image()
slideimages.src=marqueeimages.arguments
//scroll aufrufen --> oben das script
scroll()
}

var y= anfangspixel;
var abstand=abstandzumnächstenbild;
function Scroll(){
slideimages[0].top=y
for (cnt=1;cnt<=i;cnt++){
slideimages.top=y+abstand
abstand+=abstand}
y+=pixel;
if(y==scrollendepixel)y=anfangspixel;
setTimeout("Scroll()",20);
}
</script>
<body onload="ini()">

dann sparst du dir den ständigen zugriff auf das document.object

(ungetestet)