标签: slidesjs

我正在使用SlidesJS(sliedejs.com),当我将鼠标悬停在幻灯片上时,我希望幻灯片播放停止.为此,我设置hoverPause: true;并且它有效.唯一的问题是,当我停止将光标悬停在幻灯片放映上时,它不再移动.我必须重新加载页面才能使其再次运行.我明显想要的是幻灯片在光标没有结束后继续工作.我一直在检查选项,但似乎没有任何工作.也许某人有一个hack或类似的东西(或推荐的另一个幻灯片插件).

我试图在一个简单的SlidesJS旋转木马上进行自动播放:http://www.cycle22x.com/

我检查了一些其他线程来解决类似的问题,但提供的解决方案不起作用？以下是文件中包含的脚本:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="/scripts/jquery.slides.min.js"></script>

<script>
$(function() 
{
    $('#slides').slidesjs(
    {
        play: 1000,
        pause: 10,
        hoverPause: true,
        width: 960,
        height: 540,
        navigation: 
        {
            effect: "fade"
        },
        pagination: 
        {
            effect: "fade"
        },
        effect: 
        {
            fade: 
            {
                speed: 400
            }
        }
    });
});
</script>

任何想法或想法将不胜感激.

我正在尝试在我的网站上实现SlidesJS插件,但是当页面加载时我得到以下错误:

TypeError: $(...).slidesjs is not a function

我的HTML是:

<div class="slider">
    <div class="container">
        <div id="slides">
                <img src="<?= img('slides/example-slide-1.jpg') ?>" alt="photo 1">
                <img src="<?= img('slides/example-slide-2.jpg') ?>" alt="photo 2">
                <img src="<?= img('slides/example-slide-3.jpg') ?>" alt="photo 3">
                <img src="<?= img('slides/example-slide-4.jpg') ?>" alt="photo 4">
                <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
                <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
        </div>
    </div>
</div>

我的css文件包含:

.slider #slides {
    display: none;
}

我的js文件包含:

    $(document).ready(function() {

    ...

    $("#slides").slidesjs({
            width: 1000,
            height: 290
        });
    }

我已经包含了jQuery和插件的特定脚本,但我仍然得到这个错误.我错过了什么吗？