jQuery/BigCommerce如何用来自不同目录的图像替换图像
嗯, 我正在用BigCommerce建立一个网站,并试图在分类页面上为产品缩略图提供滚动效果。我有下面的代码,但新的映像路径只是添加到当前映像路径中,如下所示jQuery/BigCommerce如何用来自不同目录的图像替换图像,jquery,bigcommerce,Jquery,Bigcommerce,嗯, 我正在用BigCommerce建立一个网站,并试图在分类页面上为产品缩略图提供滚动效果。我有下面的代码,但新的映像路径只是添加到当前映像路径中,如下所示 http://cdn2http//cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/82/images/345/cmpltunknwn_beetlered_view003__84669.1394213367.1000.1200.jpg. 因此,我认为我需要重新定义图像路径,但我不确定如何做
http://cdn2http//cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/82/images/345/cmpltunknwn_beetlered_view003__84669.1394213367.1000.1200.jpg.
因此,我认为我需要重新定义图像路径,但我不确定如何做
守则:
$(function() {
$("img")
.mouseover(function() {
var src = $(this).attr("src").match(/[^\.]+/) + "http://cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/82/images/345/cmpltunknwn_beetlered_view003__84669.1394213367.1000.1200.jpg";
$(this).attr("src", src);
})
.mouseout(function() {
var src = $(this).attr("src").replace("over.gif", ".gif");
$(this).attr("src", src);
});
});
这对我很有用:
$(".ProductList li:first-child img")
.mouseover(function() {
$(this).attr("src", "http://cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/88/images/460/cmpltunknwn_wolfgold_view003__18141.1396558339.1280.1280.jpg?c=1");
})
.mouseout(function() {
$(this).attr("src", "http://cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/88/images/461/cmpltunknwn_wolfgold_view001__55714.1396558344.330.330.jpg?c=1");
});
你能分享一下原始图像的来源以及备用图像的来源吗?