div pop up

[flom]

hi an alle,

ich würde gerne die funktion der vergrößerten bilder bei mir einbauen, wie sie auf http://www.prediger-licht.de/detail/leuchte-Veroca-1-5273.htm zu sehen ist (aufs bild klicken). allerdings möchte ich gerne, dass meine seite auch funktionsfähig bleibt, wenn javascript deaktiviert ist. in diesem fall soll also wie es jetzt der fall ist ein pop up aufgehen. ist das möglich?

nochmal zusammengefasst:
- bei aktiviertem javascript soll ein invisible div visible gemacht werden.
- bei deaktiviertem javascript soll ein klick ins bild ein pop up öffnen.

und wie ist das dann mit dem bild in dem versteckten div: wird das schon geladen solange das div invisible ist bzw. kann man das steuern?

noch besser wäre es, dies mit css zu gestalten (pseudo), allerdings habe ich bisher nur die möglichkeit gefunden, dies bei "hover" zu machen und nicht bei klick wie ich es möchte.

lg, flo

 

[blax]

hi an alle,

ich würde gerne die funktion der vergrößerten bilder bei mir einbauen, wie sie auf http://www.prediger-licht.de/detail/leuchte-Veroca-1-5273.htm zu sehen ist (aufs bild klicken). allerdings möchte ich gerne, dass meine seite auch funktionsfähig bleibt, wenn javascript deaktiviert ist. in diesem fall soll also wie es jetzt der fall ist ein pop up aufgehen. ist das möglich?

nochmal zusammengefasst:
- bei aktiviertem javascript soll ein invisible div visible gemacht werden.
- bei deaktiviertem javascript soll ein klick ins bild ein pop up öffnen.

und wie ist das dann mit dem bild in dem versteckten div: wird das schon geladen solange das div invisible ist bzw. kann man das steuern?

noch besser wäre es, dies mit css zu gestalten (pseudo), allerdings habe ich bisher nur die möglichkeit gefunden, dies bei "hover" zu machen und nicht bei klick wie ich es möchte.

lg, flo

Was du da vor hast, ist garnich möglich, denn um ein popup zu öffnen, braucht der user auch javascript.
Du könntest jetzt aber jedes verkleinerte Bild als Link machen und target auf _blank stellen, diese werden dann in nem neuen (aber großem) Fenster geöffnet. Für die user, die javascript haben fängst du den link ab (onclick + return false;), und zeigst das verlinkte bild einfach im div an, z.b.:

<a href="bildbig.jpg" target="_blank" onclick="document.getElementById('bild_div').innerHTML = '<img src=\''+this.href+'\' alt=\''+this.href+'\' />'; return false;">
<img src="bildklein.jpg" alt="bildklein.jpg" />
</a>

Habs jetzt zwar nicht getestet, sollte aber funktionieren..
Gruß

 

[flom]

danke, an einer derartigen lösung bin ich auch gerade dran. scheint zu funktionieren... nu hab ich das problem, dass der IE position: fixed net kann. dieser sche*ß browser!

 

[Web_spider]

eigentlich sollte der IE 7 position: fixes akzeptieren...:-?

greez web_spider