Supportnet Computer
Planet of Tech

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

Antwort 3 von rfb

du kannst mit dem Intervall (
window.setInterval("wexel()", 2000)
; das bedeutet 2000milisekunden, kannst du beliebig ändern) experimentieren

Antwort 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 möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: