Supportnet / Forum / Webseiten/HTML
script - bilder (bzw thumbs) laufen von oben nach unten, auf klick "detailansicht"
Frage
Hallo,
ich suche ein Script, bei dem Bilder, oder besser deren thumbs von oben nach unten laufen, es also den anschein hat, als wären sie auf einer rolle die sich dreht. (ist schwer zu erkären, ich hoffe ihr versteht was ich meine).
und wenn man auf ein bild klickt, dann soll man auf eine bestimmte seite geleitet werden. (das kann ich auch noch selbst, ich müsste nur erfahren wie mans schafft die bilder von oben nach unten laufen zu lassen.
danke für eure hilfe.
mfg naja
Antwort 1 von rfb
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Bildchen wechsel dich</title>
<style type="text/css">
img {display:block; margin:1em auto 0 auto; }
</style>
<script type="text/javascript">
function wexel() {
var gallien=document.getElementById("galerie");
var bilder=gallien.getElementsByTagName("img");
if (bilder.length>1) {
gallien.insertBefore(bilder[bilder.length-1],bilder[0]);
}
}
window.onload=window.setInterval("wexel()", 2000);
</script>
</head>
<body>
<h1>Bilderwechsel</h1>
<div id="galerie">
<img src="bild1.jpg" width="100" height="150" alt="Bild1">
<img src="bild2.jpg" width="200" height="100" alt="Bild2">
<img src="bild3.jpg" width="300" height="50" alt="Bild3">
</div>
</body>
</html>
Dies bringt die Bilder zum Laufen. Dazu wird einfach das unterste Bild vor dem obersten eingefügt (genauer: in den Knotenbaum gehängt). Läuft auf IE6, Opera, FF.
Antwort 2 von naja
Hallo!
Erstmal vielen dank für deine Mühe das du mir das Skript geschrieben hast!
Das ist fast genau was ich gesucht habe, bloß gibt es eine Möglichkeit, dass die Bilder flüssig nach unten laufen, quasi wie ein Film?
Wenn es nicht geht nehm ich dein jetziges Skript rfb.
also nochmal vielen dank
mfg naja
Erstmal vielen dank für deine Mühe das du mir das Skript geschrieben hast!
Das ist fast genau was ich gesucht habe, bloß gibt es eine Möglichkeit, dass die Bilder flüssig nach unten laufen, quasi wie ein Film?
Wenn es nicht geht nehm ich dein jetziges Skript rfb.
also nochmal vielen dank
mfg naja
Antwort 3 von rfb
du kannst mit dem Intervall (
window.setInterval("wexel()", 2000)
; das bedeutet 2000milisekunden, kannst du beliebig ändern) experimentierenAntwort 4 von naja
ja, mit dieser zahl hab ich rumexperiementiert. jedoch wird der wechsel sehr unschön wenn ich die zeit drastisch runterschraube.
ich kann mir auch eigentlich nicht vorstellen, dass sowas in html geht, müsste man mit sicherheit flash oder vergleichbares für nutzen.
ich nutze dann dein skript. also vielen dank
mfg naja
ich kann mir auch eigentlich nicht vorstellen, dass sowas in html geht, müsste man mit sicherheit flash oder vergleichbares für nutzen.
ich nutze dann dein skript. also vielen dank
mfg naja