jQuery/BigCommerce How to Replace Image with Image from Different Directory -


hhi,

i'm building site bigcommerce, , i'm trying have rollover effect product thumbnails on category page. have code below, new image path addded current image path,

http://cdn2http//cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/82/images/345/cmpltunknwn_beetlered_view003__84669.1394213367.1000.1200.jpg. 

so think need redefine image path, i'm not sure how it.

the code:

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

this worked me:

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

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -