jQuery将鼠标悬停在动态链接后更改图像

因此，我生成了一个在数据库中链接图像的名称列表。我会把名字放在HTML列表中。现在我得到了1个div，其中应该包含与名称链接的图像，所以只要我悬停其他链接;图像应该改变。jQuery将鼠标悬停在动态链接后更改图像

这些链接由PHP生成，可以是1或100个链接。

我得到了下面的HTML代码：

<ul> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
</ul> 

<div id="divid_1"></div>

一旦我将鼠标悬停在链接1;我想要显示相应的图像，链接2也是如此。

谢谢。

来源

2011-05-09 Roel

你一定要明白，这意味着，当你将鼠标悬停在图片加载？所以用户会看到'闪光灯'。这并不漂亮。 **编辑**我的意思是：图像不预先加载。 – Rudie 2011-05-09 12:24:32

同意。可能你应该更好地加载点击预览而不是鼠标悬停的完整图像 – Nemoden 2011-05-09 12:25:54

你应该尝试：

$("ul li").mouseover(function() { 
    $("#divid_1").find("img").attr("src",$(this).find("a").attr("href")); 
});

您必须在div#divid_1添加<img>此上班。

See jsFiddle example here

来源

2011-05-09 12:27:40 Sylvain

<ul> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
</ul> 

<div id="divid_1"><img id='img'></div>

JS：

$('ul > li > a').hover(function() { $('#img').src = $(this).attr('href'); })

我没有尝试，但应该工作

来源

2011-05-09 12:22:02 Nemoden

jQuery将鼠标悬停在动态链接后更改图像

回答

相关问题