[英]Javascript doesn't work for an image slider (help)?
我对这一切还是很陌生的,我只需要在页面顶部有一个图像滑块/转换全角即可。
唯一的问题是; 我从没用过JavaScript或没有做过任何事情。 我一直在寻找约5个小时,并且尝试了所有可能的方法,但是我什么都做不了。
在大多数情况下,只是图像相互堆叠或彼此堆叠。
我使用Dreamweaver CC是因为我有网站的截止日期为星期四,而且更容易。
正如您可能已经读过的那样,当我使用javascript时,我是完全没用的。此外,我对jquery也很困惑。(是的,我到处都看过,但我什么也听不懂,更不用说我了。做..它不起作用)
请帮忙?
<html>
<head>
<title>Slider</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$().ready(function()
{
setInterval(function()
{
var activeimg = $('#slider').find('img:visible:first');
(activeimg.next('img:hidden').parent().attr("id") == 'slider') ?
activeimg.next('img:hidden').toggle("slow") :
$('#slider').find('img:hidden:first').show("slow");
activeimg.toggle("slow");
}, 3000);
});
</script>
</head>
<body>
<div id="slider">
<img src="img/1.png">
<img src="img/2.png" style="display:none;">
<img src="img/3.png" style="display:none;">
</div>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.