jQuery悬停菜单链接项和更改图像

时间:2014-10-18 18:52:18

标签: jquery css each

我为this提供了my site jQuery函数。但我找不到最后一步的解决方案。

查看菜单的CSS结构。使用插件(Magento管理员),您可以构建菜单。我可以将CSS类(links1links2links3等)提供给<div class="grid-column grid-column3 links1 ">,以便将菜单项拆分到不同的列中。我用jQuery.each改变了脚本,如:

var linkIDX = $(this).index() + $(this).parent().parent().attr("class").each(function(id,val){});

使用CSS类(<div>links1links2等)与links3联系。

我的问题:我需要在CSS中更改哪些内容才能更改图片?现在我有第一个链接:

.imageChange0 {
 content:url("http://www.belmondo.nl/media/catalog/product/cache/1/cover_image/190x190/9df78eab33525d08d6e5fb8d27136e95/babyboekcover_262px_262px_2.png") !important; 
}

非常感谢!

1 个答案:

答案 0 :(得分:0)

使用以下

可以通过jQuery更改图像
$(yourImageSelector).attr('src', newImagePath);

有没有理由,为什么要通过CSS更改它?只是问,因为我以前从未见过它。)