自动播放全屏背景滑块

问题描述：

我正在使用全屏幕背景jquery滑块的网站，这是默认在暂停状态。自动播放全屏背景滑块

我试着玩jQuery，但它并没有为我工作。

我还试图用触发方式页面加载

$(window).bind("load", function() { 
    $('a#play, a.play').trigger('click'); 
});

后覆盖由点击“播放”按钮，当前的暂停状态，但没有工作太...

我米粘贴低于该jQuery脚本可能确实的动作

jQuery(document).ready(function($){ 

$('body').append('<span id="body_loader"></span>'); 
    $('#body_loader').fadeIn(); 

//In our jQuery function, we will first cache some element and define some variables: 
var $bg    = $('#background'), 
    $bg_img   = $bg.find('img'), 
    $bg_img_eq  = $bg_img.eq(0), 
    total   = $bg_img.length, 
    current   = 0, 
    $next  = $('#next'), 
    $prev  = $('#prev') 

$(window).load(function(){ 
    //hide loader 
    $('#body_loader').fadeOut('fast', function(){ 
     init(); 
    }).remove(); 

}); 

var intervalID, 
    play = $('#play'), 
    titleItem = $('.title-item'); 

//shows the first image and initializes events 
function init(){ 
    //get dimentions for the image, based on the windows size 
    var dim = getImageDim($bg_img_eq); 
    //set the returned values and show the image 
    $bg_img_eq.css({ 
     width : dim.width, 
     height : dim.height, 
     left : dim.left, 
     top : dim.top 
    }).fadeIn('normal'); 

    //resizing the window resizes the $tf_bg_img 
    $(window).bind('resize',function(){ 
     var dim = getImageDim($bg_img_eq); 
     $bg_img_eq.css({ 
      width : dim.width, 
      height : dim.height, 
      left : dim.left, 
      top  : dim.top 
     }); 
    }); 

    var activeTitle = $bg_img_eq.attr('title'); 
     titleItem.html(activeTitle); 
     titleItem.html(function(){ 
      var text= $(this).text().split(" "); 
      var last = text.pop(); 
      return text.join(" ")+ (text.length > 0 ? " <span class='word-last'>"+ last + "</span>" : last); 
     }); 

    play.bind('click', function() { 
     if($(this).hasClass('pause')) { 
      clearInterval(intervalID); 
      $(this).removeClass('pause').addClass('play'); 
     } else { 
      $(this).addClass('pause').removeClass('play'); 
      intervalID = setInterval("$('#next').trigger('click')", 10000); 
     } 

    }); 

    //click the arrow down, scrolls down 
    $next.bind('click',function(){ 
     if($bg_img_eq.is(':animated')) 
      return false; 
      scroll('tb'); 
    }); 

    //click the arrow up, scrolls up 
    $prev.bind('click',function(){ 
     if($bg_img_eq.is(':animated')) 
     return false; 
     scroll('bt'); 
    }); 
}

DIV保持该图像的类& ID是background和PL ay按钮类和id是play。

或许我会http://xhtml.webtemplatemasters.com/style/dark/index.html#

答

在general.js文件

play.trigger('click');

添加这一点，如果它是WordPress模板，然后

if(slide_autostart){ 
play.trigger('click'); 
}

答

工作作为替代你也可以使用这个插件模板的链接。

http://buildinternet.com/project/supersized/

DEMO

自动播放全屏背景滑块

相关推荐