看大圖功能代碼jquery版_jquery

複製程式碼如下程式碼：

/*看大圖*/
var screenheight = $(視窗).height();
var screenwidth = $(window).width();
var loadCSS = function(){
var screenwidth = $(window).width();
varenwidth = $(window).width();
var screenheight = $(window).height();
$("div.lookBigPicture").css({"left":screenwidth*0.2,"top":screenheight*0.15 $(document).scrollTop() ,
"width":screenwidth*0.6, “高度”：螢幕高度*0.7}）；
$("img.bigImg").css({"最大寬度":(螢幕寬度*0.6 - 30 ),"最大高度":螢幕高度*0.7-40});
$("img.bigImg").load(function(){
$("img.bigImg").css("頂部",(螢幕高度*0.7 - 30 - $("img.bigImg") ).高度())*0.5 30);
$("img.bigImg").css("頂部",(screenheight* 0.7 - 30 - $("img.bigImg").height())*0.5 30);
$.log("$(文檔).height():" $(文檔).height());
}；
$("a#bigPic").click(function(){
$.log("screenheight:" screenheight "screenwidth:" screenwidth);
str = $(" img[img-size] ]").attr("src");
$("body").append("

");//灰色薄
$ ("body").append("

看原圖×

");
$("div.grey").css( "height",$(document).height());
loadCSS();
$(" body").css({overflow:"hidden"}); //停用捲軸
});
$("body").delegate("div.grey,a.bigpicclose","click ",function(){
$("body").css({overflow:"visible"}) ; // 恢復捲軸
$("div.lookBigPicture").remove();
//當瀏覽器視窗大小改變時
$(window).resize(function () {
loadCSS();
});

複製程式碼程式碼如下：

/***遮罩層*** */

.灰色{
背景： #000;
顯示：塊；
z 索引：1000;
寬度：100%;
位置：絕對;
濾波器：alpha（不透明度：50）；
不透明度：0.5；
頂部：0;
左：0;
頂部：0；
}

.lookBigPicture {
邊框：#000 實心1px;
位置：絕對;
z 索引：2000;
文字對齊：居中；
背景：黑色；
}

.bigImg {
margin-left: auto ;
右邊距：自動;
位置：相對；
}

.bigpicclose {
位置：絕對；
寬度：36px;
高度：36px；
字體大小：0；
z 索引：20001；
上：-18px;
右：-18px;
背景：
url("http://img.t .sinajs.cn/t5/style/images/layer/multipic_ico.png?id=20131018174500")
0 0 無重複；
}

.lookbigicn {
}

.lookbigicn {
}

.lookbigicn {
}塊；
寬度：12px；
高度：12px；
背景：
url("http://img.t.sinajs.cn/t5/style/images/common/icon.png ?id=1383027536816")
-175px -25px 無重複;
垂直對齊：-2px;
左邊距：20px;
}

左邊距：20px;
}

<.w_112>顯示🎜> ：內聯塊；
寬度：12px;
高度：12px;
背景：
url("http://img.t.sinajs.cn/t5/style/images/common/ icon.png?id=1383027536816")
-175px 0px 無重複；
垂直對齊：-2px;
}

.protoPic { }

.protoPic { 位置：絕對；顯示：內聯塊；
高度：30px;

頂部：10px;
右：50px;

溢出：隱藏； 遊標：指針； 顏色：#F8F8F8 文字陰影：0 1px 0 rgba(0, 0, 0, .5); }

複製程式碼

複製程式碼 程式碼如下： 收起 查看大圖