Pleated Table Covers

.fc_xq_li{width:254px; height:100px; float:left;margin-right:5px;}
.item_fc{ width:845px;}
.fc_xq_li img{width:104px; height:68px; cursor:pointer;}
.lb_wrap{display:none; z-index: 9998; }
.lb_wrap1{display:none; z-index: 9998; }
.ceshiv{cursor: pointer;}
.lightbox_bg{background-image: url(https://fcanoby.cfmfactory.com:8883/uploads/20200624/c3333a31-c7ae-4903-bcde-565334347db4.png); background-repeat:no-repeat; background-position:96% 5%; background-color:#000; filter:alpha(opacity=70);opacity:.7;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9997;}

.lightbox{position:absolute;left:0;top:0%;width:100%;z-index:9999;text-align:center;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.lightbox img{-webkit-tap-highlight-color:transparent;-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.lightbox p{position:absolute;height:61px;width:38px;top:50%;left:0;z-index:2;background:transparent url(https://fcanoby.cfmfactory.com:8883/uploads/20200624/9857d4ae-ba50-45f0-9971-d5a49de13fef.png) no-repeat left top;margin-top:-30.5px;cursor:pointer; -webkit-tap-highlight-color:transparent; }
.lightbox p.next_xq{left:auto;background-position:right top;right:0; -webkit-tap-highlight-color:transparent;}

(function(a){
a.fn.LightBox = function(options){
var defaults = {
controls : true //上一张、下一张是否显示，默认是显示true
}
var opts = a.extend(defaults, options);

var lb_wrap = ‘

‘;

var lb_wrap1 = ‘

‘;

a(“body”).append(lb_wrap);
a(“body”).append(lb_wrap1);

//controls
if(opts.controls){
a(“.lightbox”).append(‘

‘);
}

function frambj(obj2){
//imgObj.height是通过img对象获取的图片的实际高度

var gaodu1 = a(window).height()-540
var gaodu2 = gaodu1/2
var margintop = a(window).scrollTop()+gaodu2
obj2.css(“margin-top”,margintop);
}

a(“.ceshiv”).find(“img”).click(function(){

var fujiname = this.className;
//window.alert(fujiname);

var csv1 = ‘‘;
var csv2 = ‘‘;
var csv3 = ‘‘;

if(fujiname == ‘youfang’){

document.getElementById(‘pinshi’).innerHTML=csv1;

}
if(fujiname == ‘shuifang’){

document.getElementById(‘pinshi’).innerHTML=csv2;

}
if(fujiname == ‘huofang’){

document.getElementById(‘pinshi’).innerHTML=csv3;

}

a(“.lightbox_bg”).css(“margin-top”,a(window).scrollTop());
a(‘body’).css(‘overflow’,’hidden’);

a(“.lb_wrap1”).fadeIn();
frambj(a(“.lightbox”));

});

function imgobj(obj1, obj2){
//imgObj.height是通过img对象获取的图片的实际高度
var imgObj = new Image();
imgObj.src = obj1.attr(“src”);
var gaodu1 = a(window).height()-523
var gaodu2 = gaodu1/2
var margintop = a(window).scrollTop()+gaodu2
obj2.css(“margin-top”,margintop);
}

this.each(function(){
var obj = a(this);
var numpic = obj.find(“.fc_xq_li”).length;
var num = 0;

//点击赋值并显示
obj.find(“img”).click(function(){
var src = a(this).attr(“src”);
a(“.lg_img”).attr(“src”,src);

a(“.lb_wrap”).fadeIn();

a(“.lightbox_bg”).css(“margin-top”,a(window).scrollTop());
a(‘body’).css(‘overflow’,’hidden’);
a(“.lg_img”).fadeIn();
a(“.prev_xq”).fadeIn().siblings(“.next_xq”).fadeIn();
imgobj(a(“.lg_img”), a(“.lightbox”));
num = a(this).parent().index(); //获取当前图片的父元素的索引并赋给num为后边点击上一张、下一张服务
});

//上一张
a(“.prev_xq”).click(function(){
if(num == 0){
num = numpic;
}
var src = obj.find(“.fc_xq_li”).eq(num-1).find(“img”).attr(“src”);
a(“.lg_img”).attr(“src”,src);
imgobj(a(“.lg_img”), a(“.lightbox”));

num–;
});

//下一张
a(“.next_xq”).click(function(){
if(num == numpic-1){
num = -1;
}
var src = obj.find(“.fc_xq_li”).eq(num+1).find(“img”).attr(“src”);
a(“.lg_img”).attr(“src”,src);
imgobj(a(“.lg_img”), a(“.lightbox”));

num++;
});

//点击除了上一张、下一张之外的其他地方隐藏
a(“.lb_wrap”).click(function(e){
var e = e || window.event;
var elem = e.target || e.srcElement;
while(elem){
if (elem.className && elem.className.indexOf(‘prev_xq’)>-1) {
return;
}
if(elem.className && elem.className.indexOf(‘next_xq’)>-1){
return;
}
elem = elem.parentNode;
}
a(‘body’).css(‘overflow’,’scroll’);
a(this).find(“img”).attr(“src”,”loading.gif”).hide(); //隐藏后，再将默认的图片赋给lightbox中图片的src
a(this).find(“.prev_xq”).hide().siblings(“.next_xq”).hide();
a(this).fadeOut();
});

a(‘.lb_wrap1’).click(function(){
a(‘body’).css(‘overflow’,’scroll’);
a(this).fadeOut();

});

})
}
})(jQuery);

$(function(){
$(“.item_fc”).LightBox({
controls : false
});
})