Music Series GTMC Online Hot Sale
- Estimated Delivery : Up to 4 business days
- Free Shipping & Returns : On all orders over $200
.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;}
#ZTYPC {
display: block
}
#ZTYPhone {
display: none
}
.CheckBtn:hover {
filter: none !important;
}
.CkWA {
position: relative;
}
.CkWA > a {
text-decoration: none
}
.CkWA > a:hover {
text-decoration: none;
color: #0000;
background: rgba(255, 255, 255, 0.1) !important;
}
.CkWA > div:hover {
background: #04040400 !important;
}
.CkWA > div > p {
display: none;
position: absolute;
left: 0px;
top: 110px;
background: whitesmoke;
padding: 5px;
border-radius: 5px;
width: 300px;
z-index: 13;
}
.CkWA > div:hover > p {
display: block;
}
@media screen and (max-width: 700px) {
.panel.entry-content.sp-tab.des_mb_2.des_style_1.dn.active{padding: 0px;}
#ZTYPC {
display: none
}
#ZTYPhone {
display: block
}
.CkWA > div > p {
top: 75px;
width: 430%;
}
}
–>
function FDimgchange(nmIndex) {
let imgs = $( #ZTYPC .CheckBtn ).eq(nmIndex);
let bg = $( #ZTYPC .ckBG ).eq(nmIndex);
let wa = $( #ZTYPC .CkWA ).eq(nmIndex);
imgs.css( filter , none );
imgs.siblings( img[class= CheckBtn ] ).css( filter , brightness(70%) );
bg.fadeIn(600);
bg.siblings( .ckBG ).css( display , none );
wa.fadeIn(600);
wa.siblings( .CkWA ).css( display , none );
setModelBoxImg(nmIndex);
let fi = $( #ZTYPC .fourimg );
if(nmIndex==0){
fi.attr( src , https: shopify.gtracing.com img xqy mcfc 1920 pc_04.jpg );
}else {
fi.attr( src , https: shopify.gtracing.com img xqy mcfc 1920 pc_04_1.jpg );
}
}
function FDimgchangePH(nmIndex) {
let imgs = $( #ZTYPhone .CheckBtn ).eq(nmIndex);
let bg = $( #ZTYPhone .ckBG ).eq(nmIndex);
let wa = $( #ZTYPhone .CkWA ).eq(nmIndex);
imgs.css( filter , none );
imgs.siblings( img[class= CheckBtn ] ).css( filter , brightness(70%) );
bg.fadeIn(600);
bg.siblings( .ckBG ).css( display , none );
wa.fadeIn(600);
wa.siblings( .CkWA ).css( display , none );
setModelBoxImg(nmIndex);
let fi = $( #ZTYPhone .fourimg );
if(nmIndex==0){
fi.attr( src , https: shopify.gtracing.com img xqy mcfc 1920 m_04.jpg );
}else {
fi.attr( src , https: shopify.gtracing.com img xqy mcfc 1920 m_04_1.jpg );
}
}
function setModelBoxImg(nmIndex) {
let imgB = $( #ImgModel>div>img );
let imgS = $( #ImgModel>ul>li>img );
if(nmIndex==0){
imgB.eq(0).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products 4_1.jpg?v=1666923573 );
imgB.eq(1).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694372944.jpg );
imgB.eq(2).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694569552.jpg );
imgB.eq(3).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694733392.jpg );
imgB.eq(4).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694176336.jpg );
imgS.eq(0).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products 4_1.jpg?v=1666923573 );
imgS.eq(1).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694372944.jpg );
imgS.eq(2).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694569552.jpg );
imgS.eq(3).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694733392.jpg );
imgS.eq(4).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694176336.jpg );
}else {
imgB.eq(0).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products 33_1.jpg?v=1666923573 );
imgB.eq(1).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694340176.jpg?v=1660534672 );
imgB.eq(2).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694438480.jpg?v=1660534672 );
imgB.eq(3).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694930000.jpg?v=1660534672 );
imgB.eq(4).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694471248.jpg?v=1660534672 );
imgS.eq(0).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products 33_1.jpg?v=1666923573 );
imgS.eq(1).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694340176.jpg?v=1660534672 );
imgS.eq(2).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694438480.jpg?v=1660534672 );
imgS.eq(3).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694930000.jpg?v=1660534672 );
imgS.eq(4).attr( src , https: cdn.shopify.com s files 1 0092 3828 2340 products gtracing-gtracing-mcfc-esports-2022-series-30079694471248.jpg?v=1660534672 );
}
}
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: 18%;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: 15.7%;height: 22.3%;top: 49.4%;cursor: pointer;background: #0000001f;}
.showModel:hover{background: #00000000;}
.showModel1 {left: 7.78%;}
.showModel2 {left: 24.6%;}
.showModel3 {left: 41.3%;}
.showModel4 {left: 58%;}
.showModel5 {left: 74.65%;}
@media screen and (max-width:800px) {
#ModelBox {padding: 60% 1%;}
#ImgModel>span {font-size: 37px;}
#guan{font-size: 26px;}
#ImgModel>ul {left: 20%;width: 60%;}
#ImgModel>ul>li {width: 18%;}
.showModel {width: 16.5%;height: 9.4%;top: 76%;}
.showModel1 {left: 7.7%;}
.showModel2 {left: 25%;}
.showModel3 {left: 42.5%;}
.showModel4 {left: 59.5%;}
.showModel5 {left: 76.8%;}
}
–>
-
$(function () {
let ind=0;
$( #prevImg ).click(function () {
ind–;
if(indul>li ).length-1);
}
changeImg(ind);
});
$( #nextImg ).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 = span.parent().children( .showModel ).index(span);
changeImg(ind);
});
esc隐藏
$(document).keyup(function(event) {
switch (event.keyCode) {
case 27:
$( #ModelBox ).fadeOut(300);
}
})
})Color Sky Blue, Navy Blue
Related products
Review Cart
Music Series GTMC Online Hot SaleMusic Series GTMC Online Hot Sale