var transPNG = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
function productImgSwap(pid)
{
var imgf = $("#"+pid).data("imgf");
var imgb = $("#"+pid).data("imgb");
var imgr = $("#"+pid).data("imgr");
var imgl = $("#"+pid).data("imgl");
var name = $("#"+pid).data("name");
$("#product_img").attr("src",(imgf?imgf:transPNG));
$("#product_img").data("currstyle",pid);
$("#product_colorname").text(name?name:"");
$("#product_thumb_imgf").attr("src",(imgf?imgf:transPNG));
$("#product_thumb_imgb").attr("src",(imgb?imgb:transPNG));
$("#product_thumb_imgr").attr("src",(imgr?imgr:transPNG));
$("#product_thumb_imgl").attr("src",(imgl?imgl:transPNG));
}
function productImgClick(pid)
{
productImgSwap(pid);
var imgf = $("#"+pid).data("imgf");
var imgb = $("#"+pid).data("imgb");
var imgr = $("#"+pid).data("imgr");
var imgl = $("#"+pid).data("imgl");
var name = $("#"+pid).data("name");
$("#product_img").data("origsrc",(imgf?imgf:transPNG));
$("#product_img").data("origstyle",$("#product_img").data("currstyle"));
$("#product_colorname").data("origname",(name?name:""));
$("#product_thumb_imgf").data("origsrc",(imgf?imgf:transPNG));
$("#product_thumb_imgb").data("origsrc",(imgb?imgb:transPNG));
$("#product_thumb_imgr").data("origsrc",(imgr?imgr:transPNG));
$("#product_thumb_imgl").data("origsrc",(imgl?imgl:transPNG));
}
function productImgBack()
{
$("#product_img").attr("src",$("#product_img").data("origsrc"));
$("#product_img").data("currstyle",$("#product_img").data("origstyle"));
$("#product_colorname").text($("#product_colorname").data("origname"));
$("#product_thumb_imgf").attr("src",$("#product_thumb_imgf").data("origsrc"));
$("#product_thumb_imgb").attr("src",$("#product_thumb_imgb").data("origsrc"));
$("#product_thumb_imgr").attr("src",$("#product_thumb_imgr").data("origsrc"));
$("#product_thumb_imgl").attr("src",$("#product_thumb_imgl").data("origsrc"));
}
document.addEventListener("DOMContentLoaded", function(event) {
console.log(event);
console.log("Preloading Fronts");
$(".deferredThumbF").each(function() {
$(this).attr("src",$(this).data("src"));
});
console.log("Preloading Backs");
$(".deferredThumbB").each(function() {
$(this).attr("src",$(this).data("src"));
});
console.log("Preloading Rights");
$(".deferredThumbR").each(function() {
$(this).attr("src",$(this).data("src"));
});
console.log("Preloading Lefts");
$(".deferredThumbL").each(function() {
$(this).attr("src",$(this).data("src"));
});
console.log("Preloading Complete");
});
function doDesigner()
{
stor = $("#product_img").data("storeid");
prod = $("#product_img").data("prodid");
styl = $("#product_img").data("currstyle");
window.open('https://www.amprosports.com/inksoftapi/webflow/designer.php?store='+stor+'&product='+prod+'&style='+styl,'designer_'+ Math.random(),'width=984,height=800,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');
}
.productSwatchParent {
border-radius: 10px;
overflow: hidden;
border: 1px solid black;
display: inline-block;
margin: 0px;
}
.productSwatch {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 30px 30px;
border-color: transparent;
line-height: 0px;
_border-color: #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
Open in Design Studio!
