Question

我对这一切都很陌生，我只需要在页面顶部有一个图像滑块/过渡全宽..

唯一的问题是;我从来没有使用或做任何javascript代码编写。我现在已经找了大约5个小时，并尝试了所有可能的事情，但我无法做任何事情。

大多数情况下，图像只是叠加在彼此之下或彼此相邻。

我使用的是Dreamweaver CC，因为我星期四有一个网站截止日期，而且比较容易。

正如你可能已经读过的那样，当涉及到javascript时我完全没用了.. 另外，我对jquery感到很困惑..（是的，我到处都看，但我不能理解它，不管我做什么......它不起作用）

请帮帮忙？

Answer 1

<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>

Javascript不适用于图像滑块（帮助）吗？

1 个答案: