{"product_id":"gt830","title":"Ace Series GT830","description":"\u003cstyle\u003e\n\n    .pcA{display: block!important;}\n    .phA{display: none!important;}\n    #CKTA\u003ediv{position: relative}\n\n    @media screen and (max-width:800px) {\n        .pcA{display: none!important;}\n        .phA{display: block!important;}\n    }\n\u003c\/style\u003e\r\n\u003c!--单页多块通用轮播--\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n* {\n    margin: 0;\n    padding: 0;\n}\n\n.box {\n    width: 100%;\n    height: auto;\n    position: relative;\n    overflow: hidden;\n}\n\nli {\n    list-style: none;\n}\n\n.imgList {\n    width: 800px;\n    height: 550px;\n    position: relative;\n    overflow: hidden;\n}\n\n.imgList li {\n    position: absolute;\n    left: 800px;\n}\n.box\u003eimg {\n    width: 100%;\n    height: auto;\n    position: absolute;\n    left: 100%;\n    z-index: 5;\n    top:0;\n}\n.btnA {\n    font-size: 60px;\n    color: black;\n    width: 40px;\n    height: 70px;\n    position: absolute;\n    top: 46%;\n    text-align: center;\n    line-height: 70px;\n    cursor: pointer;\n    z-index: 15;\n    font-family: cursive;\n    -webkit-text-stroke: 0.5px white;\n}\n.prev {\n    left: 5%;\n}\n.next {\n    right: 5%;\n}\n.nav {\n    text-align: center;\n    position: absolute;\n    width: 100%;\n    bottom: 10px;\n    z-index: 15;\n    top: auto !important;\n    margin: 0 !important;\n}\n.nav li {\n    display: inline-block;\n    width: 11px!important;\n    height: 11px;\n    border-radius: 50%;\n    border: 2px solid white;\n    background: white;\n    cursor: pointer;\n}\n.nav .on {\n    color: white;\n    background: black;\n}\n.pc_bf{display: block}\n.ph_bf{display: none}\n@media screen and (max-width:800px) {\n    .btnA {top: 38%;font-size: 40px;}\n    .prev {\n        left: 5px;\n    }\n    .next {\n        right: 5px;\n    }\n    .pc_bf{display: none}\n    .ph_bf{display: block}\n}\n--\u003e\u003c\/style\u003e\r\n\u003cdiv id=\"CKTA\"\u003e\r\n    \u003cdiv\u003e\r\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_01.webp\" width=\"100%\"\u003e\r\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_01.webp\" width=\"100%\"\u003e\r\n    \u003c\/div\u003e\r\n\r\n    \u003cdiv\u003e\r\n        \u003cdiv class=\"box LB1\" previndex=\"0\" curindex=\"0\" lbindex=\"1\"\u003e\r\n\u003c!--撑开容器--\u003e\r\n            \u003cdiv style=\"background: black;\"\u003e\r\n                \u003cimg class=\"pc_bf\" style=\"position: relative; z-index: 0; width: 100%; opacity: 0;\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_02.webp\" width=\"100%\"\u003e\r\n                \u003cimg class=\"ph_bf\" style=\"position: relative; z-index: 0; width: 100%; opacity: 0;\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_02.webp\" width=\"100%\"\u003e\r\n            \u003c\/div\u003e\r\n            \u003cimg class=\"pc_bf\" style=\"left: 0px;\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_02.webp\" width=\"100%\"\u003e\r\n            \u003cimg class=\"ph_bf\" style=\"left: 0px;\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_02.webp\" width=\"100%\"\u003e\r\n            \u003cimg class=\"pc_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_03.webp\" width=\"100%\"\u003e\r\n            \u003cimg class=\"ph_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_03.webp\" width=\"100%\"\u003e\r\n            \u003cimg class=\"pc_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_04.webp\" width=\"100%\"\u003e\r\n            \u003cimg class=\"ph_bf\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_04.webp\" width=\"100%\"\u003e\r\n            \u003cdiv class=\"btnA prev\"\u003e\u0026lt;\u003c\/div\u003e\r\n            \u003cdiv class=\"btnA next\"\u003e\u0026gt;\u003c\/div\u003e\r\n            \u003cul class=\"nav\"\u003e\r\n                \u003cli class=\"on\"\u003e\r\n                \u003c\/li\u003e\r\n\u003cli\u003e\r\n                \u003c\/li\u003e\r\n\u003cli\u003e\r\n            \u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n        \u003c\/div\u003e\r\n    \u003c\/div\u003e\r\n    \u003cscript\u003e\/\/ \u003c![CDATA[\r\n    $(function () {\r\n        \/\/手机端删掉pc轮播图,pc端删掉手机轮播图\r\n        if (screen.height \u003e= 800 \u0026\u0026 screen.width \u003e= screen.height) {\r\n            $(\".box\u003e.ph_bf\").remove()\r\n        }else {\r\n            $(\".box\u003e.pc_bf\").remove()\r\n        }\r\n\r\n    });\r\n    var prevIndex = 0;\r\n    var curIndex = 0;\r\n    $(\".next\").click(function() {\r\n        var box=$(this).parent();\r\n        prevIndex=box.attr(\"previndex\");\r\n        curIndex=box.attr(\"curindex\");\r\n        \/\/.is(\":animated\"):正在执行动画返回true，没在执行动画返回false\r\n        if (box.children(\"img\").eq(curIndex).is(\":animated\")) {\r\n            return;\r\n        }\r\n        if (curIndex \u003e= box.children(\"img\").length - 1) {\r\n            curIndex = 0;\r\n        } else {\r\n            curIndex++\r\n        }\r\n        tab(box);\r\n        prevIndex = curIndex;\r\n        box.attr(\"previndex\",prevIndex);\r\n        box.attr(\"curindex\",curIndex);\r\n    });\r\n    $(\".prev\").click(function() {\r\n        var box=$(this).parent();\r\n        prevIndex=box.attr(\"previndex\");\r\n        curIndex=box.attr(\"curindex\");\r\n        if (box.children(\"img\").eq(curIndex).is(\":animated\")) {\r\n            return;\r\n        }\r\n        if (curIndex \u003c= 0) {\r\n            curIndex = box.children(\"img\").length - 1;\r\n        } else {\r\n            curIndex--;\r\n        }\r\n        tab(box);\r\n        prevIndex = curIndex;\r\n        box.attr(\"previndex\",prevIndex);\r\n        box.attr(\"curindex\",curIndex);\r\n    });\r\n    $(\".nav li\").click(function() {\r\n        var box=$(this).parent().parent();\r\n        prevIndex=box.attr(\"previndex\");\r\n        curIndex=box.attr(\"curindex\");\r\n        curIndex = $(this).index();\r\n        if (curIndex == prevIndex) {\r\n            return;\r\n        }\r\n        tab(box);\r\n        prevIndex = curIndex;\r\n        box.attr(\"previndex\",prevIndex);\r\n        box.attr(\"curindex\",curIndex);\r\n    });\r\n    \/\/左边按钮：向右边滑动；\r\n    function tab(box) {\r\n        var LBIdx = box.attr(\"lbindex\");\r\n        \/\/切大图；\r\n        if (curIndex == 0 \u0026\u0026 prevIndex == $(\".LB\"+LBIdx+\" .nav li\").length-1) {\r\n            \/\/边界2，当前在最后一张，点击next\r\n            \/\/向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置；\r\n            box.children(\"img\").eq(prevIndex).animate({\r\n                left: -100+\"%\"\r\n            }, 500)\r\n            box.children(\"img\").eq(curIndex).css(\"left\", \"100%\").animate({\r\n                left: 0\r\n            }, 500)\r\n        } else if (prevIndex == 0 \u0026\u0026 curIndex == $(\".LB\"+LBIdx+\" .nav li\").length-1  ) {\r\n            \/\/边界1，当前在第一张，点击prev\r\n            \/\/向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置\r\n            box.children(\"img\").eq(prevIndex).animate({\r\n                left: 100+\"%\"\r\n            }, 500)\r\n            box.children(\"img\").eq(curIndex).css(\"left\", \"-100%\").animate({\r\n                left: 0\r\n            }, 500)\r\n        } else if (curIndex \u003e prevIndex) {\r\n            box.children(\"img\").eq(prevIndex).animate({\r\n                left: -100+\"%\"\r\n            }, 500)\r\n            box.children(\"img\").eq(curIndex).css(\"left\", \"100%\").animate({\r\n                left: 0\r\n            }, 500)\r\n        } else {\r\n            box.children(\"img\").eq(prevIndex).animate({\r\n                left: 100+\"%\"\r\n            }, 500)\r\n            box.children(\"img\").eq(curIndex).css(\"left\", \"-100%\").animate({\r\n                left: 0\r\n            }, 500)\r\n        }\r\n        \/\/切小点；\r\n        $(\".LB\"+LBIdx+\" .nav li\").eq(curIndex).addClass(\"on\").siblings().removeClass()\r\n    }\r\n    \/\/ ]]\u003e\u003c\/script\u003e\r\n\r\n    \u003cdiv\u003e\r\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_05.webp\" width=\"100%\"\u003e\r\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_05.webp\" width=\"100%\"\u003e\r\n    \u003c\/div\u003e\r\n    \u003cdiv\u003e\r\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_06.webp\" width=\"100%\"\u003e\r\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_06.webp\" width=\"100%\"\u003e\r\n    \u003c\/div\u003e\r\n    \u003cdiv\u003e\r\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_07.webp\" width=\"100%\"\u003e\r\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_07.webp\" width=\"100%\"\u003e\r\n    \u003c\/div\u003e\r\n    \u003cdiv\u003e\r\n        \u003cimg class=\"pcA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/PC_08.webp\" width=\"100%\"\u003e\r\n        \u003cimg class=\"phA\" src=\"https:\/\/shopify.gtracing.com\/img\/US\/GT830\/M_08.webp\" width=\"100%\"\u003e\r\n    \u003c\/div\u003e\r\n\r\n\r\n\u003c\/div\u003e","brand":"GTPLAYER","offers":[{"title":"Black","offer_id":41112340201552,"sku":"GT830-BLK","price":169.99,"currency_code":"USD","in_stock":false},{"title":"Green","offer_id":41112340234320,"sku":"GT830-GE","price":169.99,"currency_code":"USD","in_stock":false},{"title":"Blue","offer_id":41112340267088,"sku":"GT830-BL","price":169.99,"currency_code":"USD","in_stock":false},{"title":"Red","offer_id":41112340299856,"sku":"GT830-RD","price":169.99,"currency_code":"USD","in_stock":false},{"title":"Gray","offer_id":41112340332624,"sku":"GT830-GY","price":169.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0092\/3828\/2340\/files\/04_c8041eec-abf5-4e4c-857e-133e913f7d6b.webp?v=1776752298","url":"https:\/\/gtplayer.com\/products\/gt830","provider":"GTPlayer Gaming Chair US","version":"1.0","type":"link"}