jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) +
$(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) +
$(window).scrollLeft()) + "px");
return this;
}
$('#Gallery_01').on('click', 'img', function() {
$(this).css({
'-webkit-transform' : 'scale(3,3)',
'-moz-transform' : 'scale(3,3)',
'-ms-transform' : 'scale(3,3)',
'-o-transform' : 'scale(3,3)',
'transform' : 'scale(3,3)'
}).center();
$(this).on('click', function() {
$(this).css({
'-webkit-transform' : 'scale(1,1)',
'-moz-transform' : 'scale(1,1)',
'-ms-transform' : 'scale(1,1)',
'-o-transform' : 'scale(1,1)',
'transform' : 'scale(1,1)'
});
});
}); |
