✦ Verified product
Footrest Series GTF59
USD 109.99
GTPlayer Gaming Chair US
Verified independent store
→
#shopify-section-pr_description>.ul_tabs {display:none} #wrap_des_pr>.container{width: 100%;max-width: 100%;padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;}
.panel.entry-content.sp-tab.des_mb_2.des_style_1.dn.active{padding: 25px} ul{padding: 0 25px} #CKTA>div{position: relative} .dw{border-bottom: 0!important;position: absolute} .dw1 {left: 49.55%;top: 10%;width: 36.81%;height: 79.7%;border-radius: 6px;} .dw2 {left: 53.6%;top: 58%;width: 24.81%;border-radius: 6px;} .dw3 {left: 36%;top: 40%;width: 30%;height: 20%;} .pcA{display: block;} .phA{display: none;} .change_btn {position: absolute;width: 13%;height: 10%;border-radius: 30px;background: #ffffff00;cursor: pointer;z-index: 5;} .change_img{position: absolute;left:0;top: 0;width: 100%;z-index: 2;display: none} .change_img_m{position: absolute;left:0;top: 0;width: 100%;z-index: 2;display: none} .change_btn_m:hover,.change_btn:hover,.showVideo:hover,.showModel:hover{background: #ffffff30!important;} @media screen and (max-width:800px) { ul{padding: 0} .panel.entry-content.sp-tab.des_mb_2.des_style_1.dn.active{padding: 0} .dw1 {left: 5.55%;top: 50.9%;width: 89.2%;height: 44.1%;border-radius: 3px;} .dw2 {left: 12.5%;top: 76.8%;width: 74.5%;border-radius: 6px;} .dw3 {left: 25%;top: 37%;width: 50%;height: 20%;} .pcA{display: none;} .phA{display: block;} .change_btn_m {position: absolute;width: 39%;height: 7%;left: 5%;border-radius: 30px;background: #ffffff00;cursor: pointer;z-index: 5;} } $(function () { $(".change_btn").click(function () { $(".change_btn").css("background","#ffffff00"); $(this).css("background","#ffffff30"); let index = $(".change_btn").index($(this)); console.info(index); $(".change_img").hide(); $(".change_img").eq(index).show(); }); $(".change_btn_m").click(function () { $(".change_btn_m").css("background","#ffffff00"); $(this).css("background","#ffffff30"); let index = $(".change_btn_m").index($(this)); console.info(index); $(".change_img_m").hide(); $(".change_img_m").eq(index).show(); }) }) #ModelBox{display: none;position: fixed;left: 0;top: 0; width: 100%;height: 100%;background: #0000007a;z-index: 100;padding: 5% 23%;} #ImgModel{position: relative;height: 100%;} #ImgModel>div {height: 100%;text-align: center;} #ImgModel>div>img{height: 100%} #ImgModel>span {cursor: pointer;position: absolute;top: 40%;width: 5%;text-align: center;font-size: 50px;font-family: cursive;font-weight: bold;color: white;} #ImgModel>ul {position: absolute;left: 30%;width: 40%;bottom: 1%;margin: 0;padding: 0;overflow: auto;} #ImgModel>ul>li {text-decoration: none;cursor: zoom-in;width: 14.5%;margin: 0 1%;display: block;opacity: 0.6;float: left;} #ImgModel>ul>li:hover {opacity: 1;} #ImgModel>ul>li>img{width: 100%} #guan{position: absolute;right: 1%;top: 9%;font-size: 35px;color: white;font-family: cursive;cursor: pointer} /*按钮的样式*/ .showModel {position: absolute;width: 14.2%;height: 70.4%;cursor: pointer;background: #ff000000;} .showModel1 {left: 4.5%;top: 15.3%;} .showModel2 {left: 19.9%;top: 15.3%;} .showModel3 {left: 35.25%;top: 15.3%;} .showModel4 {left: 50.55%;top: 15.3%;} .showModel5 {left: 65.95%;top: 15.3%;} .showModel6 {left: 81.35%;top: 15.3%;} @media screen and (max-width:800px) { #ModelBox {padding: 60% 1%;} #ImgModel>span {font-size: 37px;} #guan{font-size: 26px;} #ImgModel>ul>li {width: 31%;} .showModel {width: 31.3%;height: 64.5%;} .showModel2 {top: 17.2%;left: 1%;} .showModel3 {top: 17.2%;left: 34.6%;} .showModel4 {top: 17.2%;left: 67.5%;} } × < > $(function () { //手机端删除第一张和最后2张图 if (screen.height >= 800 && screen.width >= screen.height) {}else { let Imgs = $("#ImgModel>div"); let lis = $("#ImgModel>ul>li"); Imgs.eq(0).remove(); Imgs.eq(4).remove(); Imgs.eq(5).remove(); lis.eq(0).remove(); lis.eq(4).remove(); lis.eq(5).remove(); $(".showModel1").remove(); $(".showModel5").remove(); $(".showModel6").remove(); } let ind=0; $("#prevImg").click(function () { ind--; if(ind($("#ImgModel>ul>li").length-1)){ ind=0; } changeImg(ind); }); $("#ImgModel>ul>li").click(function () { let li = $(this); ind = $("#ImgModel>ul>li").index(li); changeImg(ind); }); //切换图片 function changeImg(index){ $("#ImgModel>div").hide(); $("#ImgModel>div").eq(index).show(); } //显示窗口 $(".showModel").click(function () { $("#ModelBox").fadeIn(300); let span = $(this); ind = $(".showModel").index(span); changeImg(ind); }); //esc隐藏 $(document).keyup(function(event) { switch (event.keyCode) { case 27: $("#ModelBox").fadeOut(300); } }) })
