Hallo zusammen,
ich habe eine Art Lightbox in eine andere Galerie implementiert, indem ich folgenden javascript code ergänzt habe:
...
newSlide.find('a')
.append(imageData.image)
.click(function(e) {
gallery.clickHandler(e, this);
if($("body").find(".lightbox").length==0)
{
var content='<div class="lightbox_div" align="center" style="display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999999999999; " onclick="remove_lightbox()">';
content+='<table><tr><td><img class="main_img" src="';
content+=$(imageData.image).attr("src");
content+='" style="margin-top:100px; border:#FFFFFF solid 10px;"/>';
content+='</td>';
content+='<td style="vertical-align:top">';
content+='<div style="cursor:pointer; margin-top:90px; margin-left:10px" onclick="remove_lightbox()"><img src="close-button.png" /></div></td></tr></table>';
content+='</div>';
$("body").find("#header").before(content);
}
else
{
$("body").find(".main_img").attr("src",$(imageData.image).attr("src"));
}
$("body").find(".lightbox_div").fadeIn("slow");
});
...
Wenn ich nun auf ein Bild klicke, wird dieses in der Lightbox geöffnet und alles ist so, wie es sein sollte. Öffne ich nun ein anderes Bild, liegt das Bild, was ich vorher geöffnet hatte im Hintergrund! Es muss also gelingen die Lightbox Funktion nach dem Close für ein Bild komplett zu resetten, sodass das nächste Bild normal angezeigt wird.
Hat da jemand eine Idee?
Vielen Dank
Horst