jQuery backstretch插件,记住上次显示的背景

时间:2012-09-04 08:31:37

标签: jquery

我在我的网站上使用backstretch插件作为幻灯片。

var images = [
"images/bg6.jpg"
, "images/bg5.jpg"
, "images/bg2.jpg"
, "images/bg.jpg"
, "images/bg4.jpg"
, "images/bg3.jpg"
];

这些是我的背景图片:

幻灯片以bg6.jpg开头,类似于bg5...bg2...bg...(数组中的相同顺序)..在10秒之间。认为当前显示的图像是bg4.jpg。访问者刷新了页面。它通常从头开始。我希望插件从最后显示的背景开始。

我对它进行了一些处理,我可以动态创建该部分(我复制粘贴的部分),但问题是,如何从backstretch jQuery插件中获取“当前显示的背景图像”。

那么,有没有办法获取jQuery显示的当前图像?如果我能够得到它,我可以从ASP.NET设置它,刷新后,backstretch将从该图像开始。

2 个答案:

答案 0 :(得分:0)

这样的事情:

$(document).unload(function(){

var lstimg = //Get your last image URL from DOM or whatever.jpg
document.location.href + "#" + lstimg;

});

$(document).load(function(){

//Make your code to look at #hash then to start from that image on document load

});

答案 1 :(得分:0)

try like this...

 <script>
        jQuery(document).ready(function () {               
            $.backstretch([
             "images/bg6.jpg",
             "images/bg5.jpg",
             "images/bg2.jpg",
             "images/bg.jpg",
             "images/bg4.jpg",
             "images/bg3.jpg"
            ], {
                fade: 1000,
                duration: 8000
            });
        });
    </script>