Bild-Popup erstellen
Maike
- javascript
0 Felix Riesterer0 Maike
0 Struppi0 Maike
Hallo Leute ;)
Ich bastele gerade an einer Foto-Webseite und möchte durch einen Klick auf eine Bilder-Vorschau gerne in einem Popup-Fenster die größere Variante des Bildes anzeigen.
Dies klappt soweit auch schon. Allerdings habe ich zwei Probleme:
1. Es öffnet sich jedesmal ein neues Popup. Ich würde aber immer gerne das gleiche benutzen.
2. Unten rechts bleibt nach dem Laden des Bildes ein Ladebalken und es gibt eine Fehlermeldung wegen dem Sicherheitsrisiko von JavaScript. Kann man dies irgendwie umgehen? Benutze ich eventuell irgendeinen Code, der als "gefährlich" gilt?
Hier mein aktuelles Script:
Dies steht innerhalb von <head> und </head>
--------------------------------------------------------------------
<script language="javascript">
<!--
function GrafikAnzeigen(GrafikURL, Breite, Hoehe)
{
Fensteroptionen="toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1";
Grafikfenster=window.open("", "", Fensteroptionen + ',width=' + Breite + ',height=' + Hoehe);
Grafikfenster.focus();
Grafikfenster.document.open();
with(Grafikfenster)
{
document.write("<html><head>");
document.write("<title>Bilderansicht</title>");
document.write("</head>");
document.write("<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">");
document.write("<img border="0" onclick="window.close();" src=""+ GrafikURL +"" title="Zum Schließen auf das Foto klicken">");
document.write("</body></html>");
}
return;
}
//-->
</script>
So sieht der entsprechende Link aus:
--------------------------------------------------------------------
<a href="javascript:GrafikAnzeigen('246.jpg', '481', '352');"><img src="246s.gif" width="150" height="100" border="0" alt="Bild" /></a>
Hallo Felix,
vielen Dank für die tollen Links. Sowohl Lightbox wie auch js popup sind genial (sind ja auch ähnlich ^^). Ich werde eines davon verwenden.
Noch einmal danke und liebe Grüße ;)
- Es öffnet sich jedesmal ein neues Popup. Ich würde aber immer gerne das gleiche benutzen.
Dazu musst du nur dem Fenster einen Namen geben.
- Unten rechts bleibt nach dem Laden des Bildes ein Ladebalken und es gibt eine Fehlermeldung wegen dem Sicherheitsrisiko von JavaScript. Kann man dies irgendwie umgehen? Benutze ich eventuell irgendeinen Code, der als "gefährlich" gilt?
Der Ladebalken kommt daher, dass du das Dokument nicht nach dem beschreiben schliesst.
Die Warnung kommt im IE wenn du Skripte lokal ausführst.
<script language="javascript">
Das language Attribut ist veraltet, alllerdings solltest du das type Atrribut definieren.
So sieht der entsprechende Link aus:
<a href="javascript:GrafikAnzeigen('246.jpg', '481', '352');"><img src="246s.gif" width="150" height="100" border="0" alt="Bild" /></a>
Besser:
<a href="246.jpg"
onclick="GrafikAnzeigen(this.href, 481, 352);return false"
<img src="246s.gif" width="150" height="100" border="0" alt="Bild" /></a>
Dann haben auch JS Lose Besucher was von dem Link.
Struppi.
Hallo Struppi,
vielen Dank für die Hilfe. Ich habe mich letztlich aber für das Script von Felix entschieden.
Trotzdem vielen Dank für die Hilfe.
Liebe Grüße ;)