Rollover/PopUp

K

krimecing

0
Hallo liebe Mitglieder, baue gerade an einer Seite:

hinterg.03.jpg


Wo Bilder im eigenen Fenster aufgehen, mein code sieht so aus:

Code: 
<div id="layer" style="position:absolute; left:240px; top:120px; z-index:1">

<span style="font-size: 1.5em">SH-3434</span><br><br>
	<a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
	<a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,status=no,menubar=yes,width=820,height=520')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" /></a>
</div>

Im grunde habe ich die Wünsche:

1. Fenster soll an meiner vorgegebener stelle öffnen
2. Wenn ich ein Bild geöffnet habe und drauf klicke das ich zum nächsten wechseln kann
3. Rollover Effect, wenn ich über ein kleines Bild fahre, geht das auch?
4. Das sich das Popup Fenster dem Bild anpasst [nur bei FF?]



Würde mich sehr über Hilfe freuen :) Danke euch.
 
[semi-ot]Und was hat das mit Java zu tun? Das ist Javascript und damit etwas komplett anderes.[/semi-ot]
 
Ich beschäftige mich schon länger mit webdesign und kann sagen dass popups nicht die optimale Lösung sind. Viele Browser (ich glaube mittleweile schon das Geschwühr von Microsoft) blocken Popups von Haus aus. Du nötigs also jeden deiner Besucher Sonderregeln für deine Website zu definieren. Wieviele Leute das tun werden anstatt einfach "abzuspringen" kommt dann halt auf die Zielgruppe oder den Inhalt an.

Es gibt da ein paar ganz nette Sachen, geregelt über Javascript und etwas modernes CSS und ist - ich kann mich irre - sogar ziemlich weit nach unten kompatibel.

Lightbox
http://www.huddletogether.com/projects/lightbox/

Lightbox2
http://www.huddletogether.com/projects/lightbox2/

Thickbox (3.1)
http://jquery.com/demo/thickbox/ (unter Examples gibts was zu sehen)

Blogeintrag zu den beiden
http://www.zerbit.de/journal/show.asp?id=111
 
danke [starfoxx] für deine tip, leider kann ich mit der lightbox nichts anfangen, gefällt mir überhaupt.

...blocken Popups...
Zum Vergrößern anklicken....

auch einfache bilder, die bloß per klick drauf auf gehen ?( hatte das problem mit FF noch nicht...


bespiel: http://anonym.to/?[URL]http://farbsucht.de/page.php?mode=pics&uid=1087[/URL]
wo man drauf klickt und zum nächsten bild weiter geleitet wird. muss das jetzt in ein html dokument eingebunden werden?

wichtig wär mir auch der ROLLOVER effekt, möchte die kleine temp bilder wechseln lassen:

technics.sh-3434.02b.jpg
technics.sh-3434.02a.jpg


hell gegen dunkel.
 
ja :D danke mit den öffnen an der stelle wo ich möchte geht es jetzt :] [mit screenX=250,screenY=150]

Code: 
<a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
<a href"#" onClick="window.open('../img/technics/technics.sh-3434.02.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.02b.jpg" border="1" /></a>

aber mit den ROLLOVER komme ich nicht klar, wie binde ich das den jetzt da ein?

Code: 
<a href"#" onClick="window.open('../img/technics/technics.sh-3434.01.jpg','Name','toolbar=no,screenX=250,screenY=150,status=no,menubar=yes,width=720,height=450')"><img src="../img/technics/technics.sh-3434.01b.jpg" border="1"/></a>
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben