Problem mit Popup

[Olli]

Hi,

ich habe in der Header keinen expliziten JavaScript eingebaut, sondern wollte das eher per Inlinescripting realisieren.
Das Problem ist jetzt aber, dass wenn ich ein Bild als Popup öffne, es zwar in den Vordergrund kommt. Wenn ich aber auf der Hauptseite ein weiteres Bild anklicke, welches im gleichen Popup geladen werden soll (und dann natürlich auch wieder im Vordergrund stehen soll), wird das neue Bild zwar im Popup geladen, aber minimiert in der Taskleiste.
Hier mal mein Code, kann mir da jemand helfen?
Ich habe schon über Google Befehle wir blur und focus gefunden, aber irgendwie hiflt es mir so nicht ganz weiter.

          	<a target="popup" onClick="window.open('images/detail2.jpg', 'popup', 'width=400,height=300,scrollbars=no, toolbar=no,status=no,resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')">
          <img border="1" src="images/right_small3_v.jpg" width="125" height="93" alt="Auch unterwegs immer ausreichend Platz für tägliche Utensilien"></a></td>
          <td>
          	<a target="popup" onClick="window.open('images/detail6.jpg', 'popup', 'width=400,height=300,scrollbars=no, toolbar=no,status=no,resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')">
          <img border="1" src="images/right_small2_v.jpg" alt="Trendig oder konventionell dank wendbarem Motiv" width="125" height="94"></td>
          <td>
          	<a target="popup" onClick="window.open('images/detail1.jpg', 'popup', 'width=400,height=300,scrollbars=no, toolbar=no,status=no,resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')">
          <img border="1" src="images/right_small5_v.jpg" alt="Gute Übersicht und viel Stauraum" width="125" height="94"></a></td>
          <td>
          	<a target="popup" onClick="window.open('images/detail4.jpg', 'popup', 'width=400,height=300,scrollbars=no, toolbar=no,status=no,resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')">
          <img border="1" src="images/right_small1_v.jpg" hspace="0" width="125" height="93" alt="Alles gut sortiert in den vielen Innen- und Außenfächern"></a></td>
          <td>
          	<a target="popup" onClick="window.open('images/detail3.jpg', 'popup', 'width=400,height=300,scrollbars=no, toolbar=no,status=no,resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')">

Das Tabellen und JS out sind, weiß ich. Aber ich möchte das Rad nicht neu erfinden, ich möchte nur ein einfaches Popup, welches in den Vordergrund soll, auch wenn ich im Hintergrund auf der Hauptseite ein anderes Bild anklicke.
Vielen Dank.

Gruß,
Olli

 

[strolch00]

Um es nicht allzu kompliziert zu machen, da es ja so nicht richtig funktioniert, versuch es doch mal so. Weil wenn ich ein anderes Bild anklicke, lege ich das Popup doch automatisch in den Hintergrund und so wird das alte dabei sofort geschlossen um nach dem neuen Klick ein neues auf zumachen.

So würde ich es zumindest machen, wenn es anders nicht geht.

 

[Snyke]

Ein Fenster auf- und zu-machen kostet jede Menge Zeit, deshalb is das recyclen eines offenen Fensters immer ne gute Idee. Damit du das dann wieder in den Fordergrund bekommst machst du am besten noch ein focus() dran, dann sieht dein JS inline so aus:

var wnd = window.open('images/detail4.jpg', 'popup', 'width=400,height=300,scrollbars=no, toolbar=no,status=no,resizable=yes,menubar=no,location=no,directories=no,top=10,left=10'); wnd.focus();

hab's zwar nich ausprobiert aber sollte gehen

 

[ice-breaker]

schau mal nach "Lightbox" und den tausend Klonen, die existieren, das ist eine deutlich bessere Art Bilder zu präsentieren.
Nach dem ersten Popup würde ich mir bei dir keine Bilder mehr ansehen.

 

[Olli]

Danke euch, ich probiere das mal.

Gruß,
Olli

 

[paddya]

Ich kann die ColorBox ausdrücklich für diese Zwecke empfehlen. Benötigt zwar jQuery als Basis, hat aber dutzende gute Funktionen und Konfigurationsmöglichkeiten. Außerdem feuert das Ding nicht 20 zusätzliche Requests ab, weil die Icons schön in einem Sprite untergebracht sind

Greetz

paddya