将JQuery Pre-Loader gif添加到脚本/函数中

时间:2011-06-07 04:40:49

标签: jquery

如何在此脚本中添加预先加载者? 我已经有GIF动画了。当我说预加载器时,我的意思是旋转的GIF。

$(function(){
            // Set starting slide to 1
            var startSlide = 1;
            // Get slide number if it exists
            if (window.location.hash) {
                startSlide = window.location.hash.replace('#','');
            }
            // Initialize Slides
            $('#slides').slides({
                preload: true,
                crossfade: true,
                effect: 'fade',
                fadeEasing: "easeOutQuad",
                fadeSpeed: 400,
                play: 5000,
                pause: 2500,
                hoverPause: true,
                // Get the starting slide
                start: startSlide,
                animationComplete: function(current){
                    // Set the slide number as a hash
                    window.location.hash = '#' + current;
                }
            });
        });

感谢您的知识!

奥维马斯

1 个答案:

答案 0 :(得分:0)

我没有在你的插件中改变你的内容。对于未更改的slidejs插件来设置旋转gif,您只需指定preloadImage即可。

  

preloadImage(string)
  预加载器加载图像的名称和位置   默认路径为“/img/loading.gif”。

一个例子是

$('#slides').slides({
    preload: true,
    preloadImage: '/img/loading.gif',
    play: 5000,
    pause: 2500,
    hoverPause: true
});