繁体   English   中英

Javascript无法用于图像滑块(帮助)?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM