Nach oben scrollende Galerie: Anhalten und Pop-up?

Guten Abend!

Ich habe hier eine kleine primitive Konstruktion einer Galerie, die die Bilder langsam nach oben fahren lässt... Weil ich mich damit gar nicht auskenn, bin ich froh wie weit ich überhaupt damit gekommen bin mit den paar Codes.

Code:

<marquee direction="up" scrollamount="3" style="height: 200px;">
<center>
<img src="http://s6.tinypic.com/2vkiwxh_th.jpg" alt="" />
<img src="http://s6.tinypic.com/2sbk9hs_th.jpg" alt="" />
</center>
</marquee>

Das sind zwei Testbilder... was davon Fenstergröße und Schnelligkeit ist, hab ich fix rausgefunden.
Meine Frage ist, ob man diese Galerie per Maus-drauf-ziehen anhalten kann und ob es so eine Art "Pop-Up" geben kann, wenn man auf ein Bild klickt und das mal eben aufspringt aber nicht gleich die ganze Seite wechselt.

Ihr seht ich hab sogar Wortfindungsprobleme.

Danke für die Hilfe
und liebe Grüße
Sarah

Hallo

das Anhalten kannst du ganz einfach umsetzen, indem du in deinen Code folgendes einsetzt:

<marquee direction="up" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()" style="height: 200px;">
<center>
<img src="https://2img.net/h/s6.tinypic.com/2vkiwxh_th.jpg" alt="" />
<img src="https://2img.net/h/s6.tinypic.com/2sbk9hs_th.jpg" alt="" />
</center>
</marquee>

mit dem Popup bin ich auf die Schnelle überfragt...sorry, hab jetzt auch grad nicht so viel Zeit, da intensiver zu gucken. Ich denke aber, dass man das in Marquee schwer einbauen kann. Dazu müsste man eher mit JS arbeiten, da ist das einfacher einzubauen.
Aber vielleicht weiß ja jemand anderes noch einen Tipp

Ich habe mal ein wenig gebastelt.
Du kannst über einen Link ein Kleines Browser Fanster mit dem Bild öffnen, wenn du so vorgehst:

Code:

<marquee direction="up" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()" style="height: 200px;">
<center>
<a href="javascript:void(1)" onClick="javascript:window.open('http://s6.tinypic.com/2vkiwxh_th.jpg','','scrollbars=no,resizable=no,status=no,width=200,height=120,left=300,top=300')"><img src="http://s6.tinypic.com/2vkiwxh_th.jpg"  width="160",height="90" /></a>
<br>
<a href="javascript:void(1)" onClick="javascript:window.open('http://s6.tinypic.com/2sbk9hs_th.jpg','','scrollbars=yes,resizable=no,status=no,width=200,height=120,,left=300,top=300')"><img src="http://s6.tinypic.com/2sbk9hs_th.jpg" width="159",height="66" /></a>
<br>
</center>
</marquee>

Mit "width und height" kannst du die Größe des sich öffnenden Fensters Bestimmen.
Die Größe sollte dem des Original Fotos entsprechen.

Mit "left und top" bestimmst du die Position des Fensters auf dem Bildschirm wo das Fenster angezeigt wird.
Du kannst ja mal damit experimentieren.

Das ist es!

Ich danke euch beiden. Damit wären alle Fragen beantwortet.

Na dann bin ich ja zufrieden, wenn es das ist.

--Done--