我想为这个脚本添加自动幻灯片可以帮助我吗?

时间:2015-08-07 20:34:59

标签: jquery slide

嗨朋友我的网站上有一个图像滑块

通过点击预览和下一个按钮来滑动图像。

我的问题是:是否可以添加自动启动而不是onclik?

这是我的代码:
我想在这个脚本中添加自动幻灯片可以帮助我吗?没有自动播放选项。它只是在鼠标点击事件上滑动。

 $(document).ready(function () {

        var showCaseItems = $('.show-case-item').hide();

        var splashes = $('.splash').hide();
        //get each image for each slide and set it as a background of the slide
        //            splashes.each(function () {
        //                var img = $(this).find('img');
        //                var imgSrc = img.attr('src');
        //                img.css('visibility', 'hidden');
        //                $(this).css({ 'background-image': 'url(' + imgSrc + ')', 'background-repeat': 'no-repeat' });
        //            });

        splashes.eq(0).show();
        showCaseItems.eq(0).show();

        var prevIndex = -1;
        var nextIndex = 0;
        var currentIndex = 0;

        $('#banner-pagination li a').click(function () {



            nextIndex = parseInt($(this).attr('rel'));

            if (nextIndex != currentIndex) {
                $('#banner-pagination li a').html('<img src="assets/img/slidedot.png" alt="slide"/>');
                $(this).html('<img src="assets/img/slidedot-active.png" alt="slide"/>');
                currentIndex = nextIndex;
                if (prevIndex < 0) prevIndex = 0;

                splashes.eq(prevIndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {
                    $(this).hide();
                });
                splashes.eq(nextIndex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 500, function () { });

                showCaseItems.eq(prevIndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {
                    $(this).hide();
                    showCaseItems.eq(nextIndex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 200, function () { });
                });

                prevIndex = nextIndex;
            }

            return false;
        });


    });

1 个答案:

答案 0 :(得分:0)

我认为你的div里面有一个名为banner-pagination的文件。没有看到你的HTML很难。如果你不这样做,你应该有。一个ul应该始终包围lis

import requests

    face_token = 'ACCESS_TOKEN'
    post = 'POST TEXT'
    post.replace(' ', '+')
    requests.post("https://graph.facebook.com/me/feed/?message=" + post + "&access_token=" + access_token)

Reference