Question

我正在尝试将淡入淡出淡出效果添加到此page的主页，但它似乎没有生效，而是停止工作。我只想要淡化效果。

功能代码如下所示

script>
        $(function(){
            $('#slides').slides({
                fadeOut: true,
                preload: true,
                preloadImage: 'img/loading.gif',
                play: 5000,
                pause: 4000,
                hoverPause: true,
            });
        });
    </script>

，HTML在

之下

<div id="slides">
        <div class="slides_container">
                    <a href="#" target="" ><img src="images/wire2.jpg"width="570" height="270" alt="Slide 1"></a>
                    <a href="#" title="" ><img src="images/wire1.jpg"width="570" height="270" alt="Slide 1"></a>
                    <a href="#" title="" ><img src="images/wire3.jpg"width="570" height="270" alt="Slide 1"></a>
                    <a href="#" title="" ><img src="images/wire4.jpg"width="570" height="270" alt="Slide 1"></a>
                    <a href="#" title="" ><img src="images/wire5.jpg"width="570" height="270" alt="Slide 1"></a>
                    <a href="#" title=""><img src="images/wire6.jpg"width="570" height="270" alt="Slide 1"></a>
                    <a href="#" title=""><img src="images/wire7.jpg"width="570" height="270" alt="Slide 1"></a>
         </div>
      </div>

Answer 1

这些是幻灯片的选项：

preload: !1,  
preloadImage: "/img/loading.gif",  
container: "slides_container",  
generateNextPrev: !1,  
next: "next",  
prev: "prev",  
pagination: !0,  
generatePagination: !0,  
prependPagination: !1,  
paginationClass: "pagination",  
currentClass: "current",  
fadeSpeed: 350,  
fadeEasing: "",  
slideSpeed: 350,  
slideEasing: "",  
start: 1,  
effect: "slide",  
crossfade: !1,  
randomize: !1,  
play: 0,  
pause: 0,  
hoverPause: !1,  
autoHeight: !1,  
autoHeightSpeed: 350,  
bigTarget: !1,  
animationStart: function () {},  
animationComplete: function () {},  
slidesLoaded: function () {}

我认为自己的幻灯片没有淡入淡出效果这是网站：http://slidesjs.com/

Jquery滑块效果

1 个答案: