jQuery的/的Bigcommerce如何與圖片從不同的目錄

Question

HHI，

我建立一個網站用的Bigcommerce，和我想有類別頁面上的產品縮略圖翻轉效果替換圖片。我有下面這段代碼，但新的圖像路徑只是addded到當前圖片的路徑，這樣

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); 
    }); 
}); 

Answer 1

這爲我工作：

$(".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"); 
    });