我在同一个文件夹中有5个图像。 1.jpg，2.jpg，3.jpg，4.jpg，5.jpg 我的网页只显示一张图片。 例如当鼠标滑过图像幻灯片以gif图像开始时
<body>
<img src="1.jpg">
</body>
当访问者是鼠标移到图像，图像将改变到2.JPG和，3.JPG和....将在5.jpg.Slideshow被停止是作为GIF图像相似。
请如何编写JavaScript或jQuery。
请告诉我最简单的方法。
谢谢我亲爱的朋友。
我在这个网站发现simalor问题，但我找不到完整的答案。
如果这个问题是重复的，那么对不起
请原谅我对我英文不好的用法。
您可以使用jQuery的悬停事件并传入onenter和onout方法。在输入时，您可以拨打电话并设置一个间隔来增加图像的数量，然后通过清除间隔来停止。
<!DOCTYPE html>
<html>
<head>
<title>image</title>
</head>
<body>
<img id="img" src="1.jpg" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
var interval = null;
function changeImage(){
var nextNum = parseInt($('#img').attr('src').replace('.jpg',''), 10) + 1;
// If you want it to repeat back to 1 after 5
nextNum = nextNum > 5 ? 1 : nextNum;
$('#img').attr('src', nextNum+'.jpg');
}
$('#img').hover(
function(){
// Call change Image every 50ms
interval = setInterval(changeImage, 50);
changeImage();
},
function(){
// Stop the call
interval && clearInterval(interval);
}
);
</script>
</body>
</html>
你好我亲爱的朋友，我想你say.When鼠标在图像不完整change.My代码为“代码”
请改善文字。我不明白你想要什么。 – gdoron 2012-02-14 16:14:51
另外，请显示您尝试过的内容。 – simchona 2012-02-14 16:15:08
比您的评论我的朋友。我会显示示例链接.http：//www.clipsharedemo.com/去这个网站。见土耳其尼斯照片。当你将鼠标放在上面时，图像将会改变。我是认真的。 – 2012-02-14 16:24:54