Archivlink: javarea.de Forum > JavaScript > Slideshow statt leftrightslide von oben nach unten
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Slideshow statt leftrightslide von oben nach unten

Pages: [1]
geschrieben von Bladegirly am 23.08.2006 - 09:45
Hallo,

möchte ne Slideshow mal anders umschreiben.

in den folgendem Script schreibt sich die Slideshow folgendes:

Zitat
 var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a target="_blank" href="http://www.mueller.de"><img src="banner/mueller.gif" alt="Müllers Homepage" border=0></a>'
leftrightslide[1]='<a target="_blank" href=""><img src="templates/images/index_11.jpg" alt="" border=0></a>'
leftrightslide[2]='<a target="_blank" href="http://www.mueller.de"><img src="banner/mueller.gif" alt="Müllers Homepage" border=0></a>'
leftrightslide[3]='<a target="_blank" href=""><img src="templates/images/index_11.jpg" alt="" border=0></a>'
leftrightslide[4]='<a target="_blank" href="http://www.mueller.de"><img src="banner/mueller.gif" alt="Müllers Homepage" border=0></a>'
leftrightslide[5]='<a target="_blank" href=""><img src=templates/images/index_11.jpg" alt="" border=0></a>'
leftrightslide[6]='<a target="_blank" href="http://www.mueller.de"><img src="banner/mueller.gif" alt="Müllers Homepage" border=0></a'
leftrightslide[7]='<a target="_blank" href=""><img src="templates/images/index_11.jpg" alt="" border=0></a>'
leftrightslide[8]='<a target="_blank" href="http://www.mueller.de"><img src="banner/mueller.gif" alt="Müllers Homepage" border=0></a>'
leftrightslide[9]='<a target="_blank" href=""><img src="templates/images/index_11.jpg" alt="" border=0></a>'
leftrightslide[10]='<a target="_blank" href="http://www.mueller.de"><img src="banner/mueller.gif" alt="Müllers Homepage" border=0></a>'


Dies ist nur ein Beispiel, Name der Page frei Erfunden bzw. kann es ein zufall sein.

So welcher Javascriptbefehl ist es nun von oben nach unten statt von rechts nach links (leftrightslide)

Danke für eure Hilfe im Vorraus.

Gruß Katharina

geschrieben von weisnix am 23.08.2006 - 20:25
Das ist so einfach nicht zu sagen.

Bei einer Laufschrift:

<marquee direction="down">+++++++++++++</marquee>

bei dir so vielleicht:

topbottomslide

geschrieben von Bladegirly am 25.08.2006 - 04:53
Hallo Kathrin, nein funktioniert leider nicht

Muss ein anderes Wort geben, ich hab auch im I-Net schon nach evtl. ähnlichen Skripten gesucht, was aber nicht dies leider ist.

Vielleicht hast du ja ein Tipp für mich.

Es sollen langsam bewegende viele kleine Werbebanner sein, wo je eins nach dem anderem Banner zu sehen ist, die sich von oben nach unten bewegen, wo man dann auf die jeweiligen Banner entsprechend weiter geleitet wird.

Gruß Katharina

geschrieben von René am 25.08.2006 - 07:23
http://de.selfhtml.org/html/text/pr....tm#marquee

geschrieben von Bladegirly am 25.08.2006 - 07:56
Sorry René,

du liegst da völlig Falsch ;) ich will keine bewegende Texte erzeugen, sondern routierende Banner, aber in Kleinformat und nicht wie in diesem Beispiel http://www.javarea.de/index.php3?op....&id=28 (übrigens ist da was mit der Grafik nicht in Ordnung) oder in diesem Beispiel http://www.javarea.de/index.php3?op....&id=27

Nur der Nachteil bei beiden, sie wechseln mir zu schnell ;) ich möchte bzw. will damit erreichen, das sie sich langsan von oben nach unten abwärts bewegen, wie ein art Laufband, so das das 1. Bild beim Verschwinden noch knapp zu sehen ist und das 2. Bild schon von oben ein Teil zu sehen ist, dazwischen hänge ich eine gif Grafik, was passend zum Hintergrund farblich dargestellt wird, so das es so aussieht, wie ein Laufband.

Hoffe, man hat mich nun verstanden, was ich wollte, sonst tüffel ich mich selber in den Script rein, dauert halt dann eben länger, bis was fertig ist.

Edit: hab was gefunden, was so Ähnlich nach meinem Geschmack ist, http://www.javascriptkit.com/script....ller.shtml , so in etwa solls aussehen, nur halt statt dem Text als Grafik dann. Mal sehen, ob ich es hingetüffelt bekomme

Gruß Katharina

geschrieben von okley am 25.08.2006 - 09:56
Also wenn mich nicht alles täuscht willst du einfach eine bzw. zwei Grafiken von oben nach unten wandern lassen. Die zweite Grafik erscheint dann, wenn die erste am verschwinden ist.. also ein endlos rauf-runter ;)

Du kannst doch einfach ein Bild absolut positionieren (CSS). Dann greifst du über eine Javascript Funktion auf das Bild zu und änderst die Style Eigenschaft, also die Position. Die Funktion rufst du über die Javascript Timer-Funktion zyklish auf. Und sobald das Bild zu verschwinden droht (ScreenWidth und Bildposition) beginnt das Zweite zu wandern und so weiter ...

Könnte das so stimmen?

geschrieben von René am 25.08.2006 - 13:13
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 

<html>
<head>

</head>
<body>

<marquee scrollamount="1" scrolldelay="1" direction="down" style="height: 50px; width: 150px;">
	<a href="" title="banner mit link"><img src="./banner.gif" border="0" height="40" width="150" alt="banner mit link"></a><br>
	<img src="./spacer.gif" border="0" height="30" width="150" alt="spacer"><br>
	<a href="" title="banner mit link"><img src="./banner.gif" border="0" height="40" width="150" alt="banner mit link"></a><br>
	<img src="./spacer.gif" border="0" height="30" width="150" alt="spacer"><br>
	<a href="" title="banner mit link"><img src="./banner.gif" border="0" height="40" width="150" alt="banner mit link"></a><br>
</marquee>

</body>
</html>

geschrieben von okley am 25.08.2006 - 15:23
hm scheint auch einfacher zu gehen :/

geschrieben von Bladegirly am 26.08.2006 - 05:44
Danke Renè


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.