Zwei parallele Scroll Bildershows, mit einem Satz Button ???

[Bob]

Hallo !:shock:
Ich bin Anfänger und möchte gerne zwei parallele Scroll Bildershows mit einem Satz Button bewegen können.
Könnte mir vorstellen, das die Veränderung bei var ref = d.getElementById("kleineNaviBilder"); liegt.
Hat einer das Wissen, wie es aus zu sehen hat, und ist willens, es zu verändern ?:roll:
Dank im voraus.;heart
Gruß Bob

var d=document;
var mode = "still";
var speed = 10000000; // in Millisekunden
var step_size = 84; // Schrittweite

function scroll( aNum) {

// alert ("Ref= "+ref);
switch(aNum) {
case 1: // scroll up
mode = "scroll_up";
break;

case -1: // scroll down
mode = "scroll_down";
break;

case 0: // stop scrolling
mode = "still";
break;
}
do_scroll();
}

function do_scroll() {

var ref = d.getElementById("kleineNaviBilder");

switch (mode) {
case "still": // nothing
break;

case "scroll_up":
ref.scrollTop-=step_size;
window.setTimeout("do_scroll()", speed);
break;

case "scroll_down":
ref.scrollTop+=step_size;
window.setTimeout("do_scroll()", speed);
break;
}

}

</script>

<div id="button_l"><img src="Bilder/Bu_kl_l.jpg" onmousedown="scroll(1);" onmouseup="scroll(0);" alt="" /></div>
<div id="button_r"><img src="Bilder/Bu_kl_r.jpg" onmousedown="scroll(-1);" onmouseup="scroll(0);" alt="" /></div>

<div id="kleineNaviBilder">Diaschau1</div>
<div id="kleineBilder">Diaschau2</div>

 

[Gilles]

Fürs erste eine Bitte:
Wie verwende ich Code-Tags im Forum?
Einmal durchlesen bitte :)

Nun zu deinem problem. hats schon recht mit mit dem getElementById.
Entweder lässt du 2 Elemente auslesen mit getElementById (Wäre aber nicht dynamisch einsetzbar danach) und gibst diese dann auch für doscroll weiter, oder du machst ein Array mit Elementen und gehst diese dann bei doscroll durch.
Wenn du dabei Hilfe brauchst einfach nochmal schreiben :)

 

[Bob]

Habe mir den Link durchgelesen. Wie gesagt Anfänger, dann fehlen die Tags vom Javascript und vom Html ?
Dachte mir, eingeweihte werden es lesen können, der ich nicht bin.
Probiert hatte ich, Punkt eins, deines Vorschlages, hat nicht geklappt.
Lese dabei selfhtml und Javascript für Anfänger. Nun habe ich das Problem, der Richtigen Interpretation des gelesenen und wäre für Beispiele, der Varianten dankbar, anhand Derer, die Sache plausibler ist.

 

[Gilles]

"Hat nicht geklappt" ist immer eine schöne Fehlerbeschreibung...
Was hast du probiert? zeig uns doch mal etwas Code. Es gibt nur die 2 Möglichkeiten die ich genannt habe. Entweder du fügst die einzelne Box noch überall hinzu. Also:

var ref2 = d.getElementById("kleineNaviBilder2");

und schreibst dann auch überall unter da wo du das mit ref machst auch mit ref2 hin.
zum Beispiel so

case "scroll_up":
            ref.scrollTop-=step_size;
ref2.scrollTop-=step_size;

Oder du machst ein Array und durchläufst das.
Nur du erwartets wahrscheinlich, dass dir das jemand schreibt ;)
Probier es doch mal lieber selber, oder schreibe eine Anfrage in der Jobbörse

 

[Bob]

Recht herrlichen Dank!
Anhand deines Beispiel, weiß ich jetzt eher wie die Veränderung bei var=ref aus zu sehen hat. Wollte meine Versuche keinem zumuten : ).
Und mit Jobbörse, tut mir Leid, wollte nicht so dicke auftragen.

 

[Bob]

Klappt jetzt auch bei mir. Habe jetzt etwas zum rumspielen.
Nochmals Danke !