| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Mad Dog
Mitglied
|
 Fotopopup |
 |
|
Hallo ..
ich bin grad dabei meine Website aufzubauen und würde gern bei einigen Fotos ein PopUp mit einem größeren Bild darstellen.
Dieses Popup, so meine Vorstellung, soll auch die Möglichkeit geben gleich weiter die nächsten "großen" Bilder anzuschauen mit evtl einer Thumbnail Vorschau (wie zB bei Ebay).
Wie kann ich das mit JS umsetzen? Ich kenne mich damit so gut wie garnicht aus.
best regards |
|
|
|
| 14 Aug 2009 07:39 |
|
  |
Master_0r_D1$4$t3R
Gast
|
| Javascript |
|
|
etwas lang aber geht 
<script type="text/javascript">
<!--
function OpenFoto(img){
foto= new Image();
foto.src=(img);
ControlFoto(img);
}
function ControlFoto(img){
if((foto.width!=0)&&(foto.height!=0)){
ViewFoto(img);
}
else{
interval_a="ControlFoto('"+img+"')";
interval_b=setTimeout(interval_a,20);
}
}
function ViewFoto(img){
width=foto.width+20;
height=foto.height+24;
try {
if (output.closed == false) throw "offen";
}
catch (e) {
if (e=="offen") {
output.close();
}
}
output=window.open("","output","left=40,top=40,width="+width+",height="+height+",location=no,toolbar=no,menubar=no,status=no,scrol lbars=no,resizable=no");
output.document.writeln("<html><head><title>..:: Foto ::..<\/title><\/head>");
output.document.writeln("<body bgcolor=\"white\" text=\"white\" link=\"white\" vlink=\"white\" alink=\"white\" leftmargin=\"0\" marginwidth=\"0\" topmargin=\"0\" marginheight=\"0\">");
output.document.writeln("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" height=\"100%\">");
output.document.writeln("<tr><td width=\"100%\" height=\"100%\" align=\"left\" valign=\"top\"><p><a href=\"javascript:self.close()\"><img src=\""+img+"\" width=\""+foto.width+"\" height=\""+foto.height+"\" border=\"10\" alt=\"click here to close the window\"></a><\/p><\/td><\/tr>");
output.document.writeln("<\/table><\/body><\/html>");
output.focus();
}
// -->
</script> |
|
|
|
| 06 Feb 2010 13:59 |
|
|
|
