nicht angemeldet
bildergalerie popup bitte hilfe
Hallo,
ich habe da ein Problem, an dem ich irgendwie nich weiterkomme!
Ich habe eine Bildergalerie, welche als Thumbnails dargestellt werden, wenn der Benutzer auf ein Bild klickt soll sich ein PopUp Fenster öffnen und das gleiche Bild soll vergrößert dargestellt werden.
der inhalt des pop-ups soll sich je nach klick auf das thumbnail mit dem neuen bild ausstauschen?!
kriegs nicht hin ... hoffe, ihr könnt mir helfen!!!
1000 dank grissini
-
Ich habe eine Bildergalerie, welche als Thumbnails dargestellt werden, wenn der Benutzer auf ein Bild klickt soll sich ein PopUp Fenster öffnen und das gleiche Bild soll vergrößert dargestellt werden.
der inhalt des pop-ups soll sich je nach klick auf das thumbnail mit dem neuen bild ausstauschen?!
Eine leere Seite erstellen, Groesse vorgeben mit iframe (Namen nicht vergessen!). Beim Klick auf die Thumbnail die neue Seite oeffnen und im iframe das gewuenschte Bild anzeigen.
-
sorry - bin ein totaler neuling - könntest du mir genau sagen wie ich das in meinem html-code einfügen muss?!
es soll eine grösse für die hochformatigen bilder geben und eine für die querformatigen?
pop-up fenster kann aber ruhig immer die gleiche grösse haben!
-
HTML-Seite erstellen (leer) nur ein wenig JS (http://de.selfhtml.org/javascript/objekte/window.htm#open )
Die Size gleich lassen.Dann einen iframe in die leere Seite (http://de.selfhtml.org/html/frames/eingebettete.htm). Dem einen Namen geben. Dann Deine Thumbnails als Link auf die leere Seite in den iframe verweisen, der dann dynamisch seine Groesse aendert, je nachdem, ob Hoch- oder Querformat.
RTFM ;)-
hallo volker,
danke für deine info - komme irgendwie nicht zurecht - bin anscheinend zu blöd ;-)
habe mir jetzt aus dem netz ein anderes tutorial angesehen und folgenden code eingegeben:<script language="JavaScript" type="text/javascript">
function OpenNewWindow(picture, width, height) {
xsize = width + 35;
ysize = height + 50;
ScreenWidth = screen.width;
ScreenHeight = screen.height;xpos = (ScreenWidth / 2) - (xsize / 2);
ypos = (ScreenHeight / 2) - (ysize / 2);Bildpopup = window.open("","picture","height=" + ysize + ",width=" + xsize + ",scrollbars=no,resizeable=no,toolbar=no,menubar=no,location=no,top=" + ypos + ",left=" + xpos);
Bildpopup.document.write("<html><head><title>Bildanzeige</title></head>");
Bildpopup.document.write("<body bgcolor='#cccccc' onload='focus();'>");
Bildpopup.document.write("<table align='center' border='0'><tr>");
Bildpopup.document.write("<td align='center' valign='top'>");
Bildpopup.document.write("<img src='" + picture + "' border='1'>");
Bildpopup.document.write("</td></tr><tr>");
Bildpopup.document.write("<td align='center' valign='bottom'>");
Bildpopup.document.write("<input type='button' value='FENSTER SCHLIESSEN' style='font-family: Verdana; font-size: 10px' onClick='self.close()'>");
Bildpopup.document.write("</td></tr></table>");
Bildpopup.document.write("</body></html>");
Bildpopup.document.close();
}
</script>den aufruf dann folgendermaßen:
<td align="center" valign="middle" ><a href="#" on Click="OpenNewWindow('bild_gross.jpg',600,400);"><img src="test.jpg" width="110" height="110" border="0"></a></td>
bin am verzweifeln - es öffnet sich kein pop-up - was mach' ich falsch?
(test.jpg ist mein thumbnail)danke schon mal grissini
-
-
-