我正在为网站使用全屏背景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');
});
}
课程&amp;保存图像的div的id为background
,播放按钮类,ID为play
。
我正在处理的http://xhtml.webtemplatemasters.com/style/dark/index.html#
模板的链接答案 0 :(得分:2)
答案 1 :(得分:1)
在general.js文件中添加此内容
play.trigger('click');
如果是Wordpress模板,那么
if(slide_autostart){
play.trigger('click');
}