html点击小图标显示全屏查看大图,基于JavaScript实现移动端点击图片查看大图点击大图隐藏...

一、需求

点击图片查看大图，再点大图隐藏。多用于移动端，因为移动端屏幕小，可能需要查看大图。

二、代码

JQuery点击图片查看大图by starof

.exampleImg { height:100px; cursor:pointer;}

//alert($);

// (function (window, undefined) {

// var MyJQuery = function () {

// window.MyjQuery = window.$ = jQuery; window.$ = MyJQuery;

// };

// })(window);

// alert($);

$.fn.ImgZoomIn = function () {

bgstr = '

//alert($(this).attr('src'));

imgstr = '';

if ($('#ImgZoomInBG').length < 1) {

$('body').append(bgstr);

}

if ($('#ImgZoomInImage').length < 1) {

$