Template talk:Imagepoplink

From BoyWiki

ETENNE - IS THIS WHAT YOU ARE USING?


    $(".ImagePopLink").click(function(e) {
                e.preventDefault();
                var $ID = $(this).html();
                var $imagebase = $("#hidImageBase").val();
                var $imagesource = $imagebase + "?ID=" + $ID;
                var $imagelink = "<img style="width: 400px" src="" + $imagesource + "" />";
                $("#divImg").html($imagelink);
                $("#divImg").load();
                $("#PopWindow").css({ "left": $.mouseX(e), "top": $.mouseY(e) + 5 });
                $("#PopWindow").show();
            });
     
            $("#Close").click(function(e) {
                e.preventDefault();
                $("#PopWindow").css({ "left": "0px", "top": "0px" });
                $("#PopWindow").hide();
            });

I don't think so ( but I'd have to check) All I remember adding is this:

/* Popup lien sur img */
.imagepoplink {position:relative;}
.imagepoplink img {visibility:hidden; position:absolute; bottom:0; box-shadow:3px 3px 8px #444; opacity:0; transition:opacity .5s;}
.imagepoplink:hover img {visibility:visible; opacity:1;}