2011-07-25 9 views
0

こんにちは誰でもお手伝いできますか?このjQueryスライダに自動スクロールを追加しますか?

私はというだけでナビゲーションを持つよりも、そのページが読み込ま一度オートスライド作成する必要があるしかし、私は..

http://www.musca.se/full-window-width-jquery-tools-content-slider-demo/

、このフルページのスライダーを使用しています。

これはデモで使用されるコードです。

$(function() { 
// Adds a class to the html code so we can target browsers without JS. 
$('html').addClass('JS'); 
// Sets the slides width on page load 
var i = $(window).width(); 
if (i > 904){ $('#items > li').css({ width: i }); } 

// Scrollable and navigator plugin settings. 
$("#slider").scrollable({ easing: 'easeOutQuad', speed: 904, circular: true }).navigator({ navi: '#navigation' }); 

// Window resize code 
window.api = $("#slider").data("scrollable"); 
$(window).resize(function() { 
    var a = 1 + window.api.getIndex(); 
    var w = $(window).width(); 
    if (w > 904) { 
     var l = a * w 
     $('#items').css({ left: + - +l }); 
     $('#items > li').css({ width: w }); 
    } else { 
     $('#items > li').css({ width: 904 }); 
    } 
}); 
}); 

どうやらそれにこれを追加すると、それを自動スライダーを保証します...

$("#slider").scrol​lable({ circular: true }).autoscroll({ autoplay: true, autopause: false, interval: 2000 }) 

しかし、それはどこに行くか私は理解することはできません。 ?。:(

はこれらの事を知っている誰も私を助けることができる任意の助け

感謝

答えて

1

は、readyイベントに追加:

setInterval(function(){ 
$('#navigation-wrapper span.next').click() 
},1000) 
+0

返信いただきありがとうございます。 ナビゲーションは#navigation-wrapper> ul#navigation> liなどにあります – Jezthomp

+0

イベントに追加してください:http://api.jquery.com/ready/ – jmav

+0

ありがとう:)完璧 – Jezthomp

1

変更:

$("#slider").scrollable({ easing: 'easeOutQuad', speed: 904, circular: true }).navigator({ navi: '#navigation' }); 

~

$("#slider").scrol​lable({ easing: 'easeOutQuad', speed: 904, circular: true }).navigator({ navi: '#navigation' }).autoscroll({ autoplay: true, autopause: false, interval: 2000 }); 

私はパーティーに遅刻していることは知っていますが、誰かがそれが役に立つと思うかもしれません。

関連する問題