Template talk:Imagepoplink: Difference between revisions
Created page with "ETENNE - IS THIS WHAT YOU ARE USING? <code> <poem> $(".ImagePopLink").click(function(e) { e.preventDefault(); var $ID = $(this).html(); ..." |
No edit summary |
||
| Line 25: | Line 25: | ||
I don't think so ( but I'd have to check) All I remember adding is this: | I don't think so ( but I'd have to check) All I remember adding is this: | ||
<code> | |||
<poem> | |||
/* Popup lien sur img */ | /* Popup lien sur img */ | ||
.imagepoplink {position:relative;} | .imagepoplink {position:relative;} | ||
.imagepoplink img {visibility:hidden; position:absolute; bottom:0; box-shadow:3px 3px 8px #444; opacity:0; transition:opacity .5s;} | .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;} | .imagepoplink:hover img {visibility:visible; opacity:1;} | ||
</poem> | |||
</code> | |||
Latest revision as of 22:25, 8 April 2014
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;}
