Bildscroller gesucht

D

dj mistery

Grünschnabel
Hallo Leutz,
ich suche ein Javascript für einen Bidldscroller.
Ich habe z.b. 10 Bilder, möchte aber zunächst nur 5 anzeigen lassen und durch klick oder mouseover auf zb einen Pfeil oder so sollen die Bilder um eins nach rechts bzw eins nach links wandern um das 6. bzw. das 10 anzuzeigen. Wie geht das? Kann mir einer helfen? Ich habe schon mehrere Stunden vergeblich nach einem solchen Script gesucht.
Vielen Dank im Voraus
 
Eine einfache Variante wäre die Verwendung eines iFrames...

Erstelle eine HTML-Seite, in welcher sich lediglich die Bilder befinden, und binde diese Seite in ein iFrame ein.
Das Scrollen per JS kannst du mit den JS-Methoden srollBy()/scrollTo() erledigen.

Im Falle von deaktiviertem JS kannst du die Scrollbalken anzeigen lassen...so bleibt die Sache auch dann benutzbar.
 
ne frage, die Seite mit den Bildern soll ich einfach so anlegen?

<html>
....
<body>
<img src="......1">
<img src="......2">
<img src="......3">
<img src="......4">
<img src="......5">
<img src="......6">
<img src="......7">
<img src="......8">
<img src="......9">
<img src="......10">
</body>
</html>

Wenn das stimmt ok, aber den anderen Rest habe ich 0 verstanden. Hast du da vielleicht einen Quellcode für mich? Wäre klasse
 
Jau, das mit dem iFrame ist richtig rübergekommen - eine einfaches Dokument rein, in dem die Bilderchen alle unter- oder nebeneinander sind.
Die Größe des iFrames passt du dann genau so an, dass lediglich deine 5 ersten Bilder angezeigt werden und der Rest nicht sichtbar ist.

Dann kannst du über deine Scrollbuttons, -bilder - oder wie auch immer du das Rotieren steuern willst - per JavaScript den iFrame ansprechen.

Nehmen wir einfach mal einen kleinen Textabschnitt daher und legen folgendes Script darauf:
Code: 
<span onMouseOver="document.getElementById('mein_iFrame').scrollTo(0,500);">Scroll den Frame</span>
Wichtig ist hierbei noch, dass dein iFrame auch die hier im Script verwendete iFrame-ID per id-Attribut bekommt.
Wenn du das ganze mal austestest, solltest du dann eigentlich auf die Lösung kommen, die Sven schon ansprach.

Gruß,
Adam
 
Wo kommt denn dieser Befehl rein? Nehme mal stark an nicht in die Seite mit den Bildern sondern in die mit dem iframe. Aber wo dort genau? Vor oder hinter nen iframe? Oder soll ich alles irgendwie verknüpfen?
 
Den span-Tag setzt du in das Ursprungsdokument, nicht das vom iFrame.
Er stellt nur den Scroller dar, wo du ihn also hinsetzt, sei dir überlassen - Hauptsache er ist irgendwo zwischen <body> und </body>. ;)

Gruß,
Adam
 
habe jetzt folgendes Script im Body (seite der Bilder)

<span onMouseOver="document.getElementById('Fenster').scrollTo(0,500);">Scroll den Frame</span>
a href="http://../image001.jpg" target="Fensterlein"><img src="http:///t_image001.jpg" border="0"></a>
<a href="http://../image002.jpg" target="Fensterlein"><img src="http://.../t_image002.jpg" border="0"></a>

Habe jetzt nur 2 bilder angegeben. ('Fenster') heißt der iframe der Bilder und "Fensterlein" ist der iframe. Aber es kommt ein Laufzeitfehler.


Ach noch was. wenn span... in der Bilderseite ist, dann ist doch auf der anderen Seite der span... im iframe drin. Das ist doch unlogisch. der Button muß doch bestimmt außerhalb des frames liegen
 
Zuletzt bearbeitet:
Von was für 2 iFrames sprichst du auf einmal?
Du hast doch nur einen, in dem deine Bilder dargestellt werden sollen.

Übrigens schrieb ich doch, dass der span-Tag in dein eigentliches Dokument gelagert werden soll, *nicht* das Dokument der Bilder.
Die Bilder werden in ein eigenes Dokument gesetzt, welches du über einen iFrame in dein eigentliches Dokument integrierst.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück