Javascript 悬停时显示更高分辨率的图像_Javascript_Jquery_Html_Css_Image

Javascript 悬停时显示更高分辨率的图像

javascript jquery html css image

Javascript 悬停时显示更高分辨率的图像,javascript,jquery,html,css,image,Javascript,Jquery,Html,Css,Image,大家早上好我只想在低分辨率图像的悬停上显示高分辨率图像。我想制定一个规则或任何类型的函数，可以动态地完成这项工作，我的意思是我不能只在每个图像上放置一个悬停效果，并在任何地方更改src 我有一个主意，它是否有用我可以将所有小分辨率图像放在名为images/small的文件夹中，将所有大图像放在名为images/large的文件夹中，这样我们就可以创建一个函数，将“images/small”更改为“images/large” 如有任何建议，将不胜感激提前感谢有这么多用JQuery/JavaS

大家早上好

我只想在低分辨率图像的悬停上显示高分辨率图像。我想制定一个规则或任何类型的函数，可以动态地完成这项工作，我的意思是我不能只在每个图像上放置一个悬停效果，并在任何地方更改src

我有一个主意，它是否有用

我可以将所有小分辨率图像放在名为images/small的文件夹中，将所有大图像放在名为images/large的文件夹中，这样我们就可以创建一个函数，将“images/small”更改为“images/large”

如有任何建议，将不胜感激

提前感谢

有这么多用JQuery/JavaScript编写的插件可用。我可以在这里列出我在各种项目中使用的几个

我希望这对你有帮助。如果你想的话，你也可以写你自己的插件，也可以用类似的方式

jQuery Hover Pulse插件相当不错，它完成了我过去所需要的功能，看起来正是您想要的。用法也很简单：

1。包括jQuery和悬停脉冲插件

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://malsup.com/jquery/hoverpulse/jquery.hoverpulse.js"></script>
</head>

使用hover，然后用ajax调用……是的，jQuery hover函数可以做到这一点。@Pugazh我可以得到那段代码吗？你的jQuery有多流利？

<div id="thumbs">
                <div class="thumb"><img src="http://malsup.com/jquery/hoverpulse/images/beach1.jpg" width="64" height="64" /></div>
                <div class="thumb"><img src="http://malsup.com/jquery/hoverpulse/images/beach2.jpg" width="64" height="64" /></div>
                <div class="thumb"><img src="http://malsup.com/jquery/hoverpulse/images/beach3.jpg" width="64" height="64" /></div>
    </div>

$(document).ready(function() {
    $('div.thumb img').hoverpulse({
        size: 40,  // number of pixels to pulse element (in each direction)
        speed: 400 // speed of the animation 
    });
});