テキストをスライダーしたい Jquery slider2
Jquery slider2の元のサイトは既にないっぽいです。
Gなんとかっていうソースをuploadするサイトにはfileがありました。
オプションの詳しい項目
http://bl6.jp/web/javascript/easy-light-jquery-slider/
動作を試せるサイト
http://www.kantenna.com/library/jquery_slider/
1週スライドしたあとオートを止める
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q10130997880
上記知恵袋だと
sliderbeforeスライド開始直前に実行される関数
slidebefore:function(){
var index = $('.jquery-slider-page-current ').index();
if(index == 0){
this.autoplay = false;
}
私がやりたかったことはオートプレイでスライダー1週し、また戻った1枚目で止めること
その場合はslidebeforeではなくslideafterスライド完了後に実行される関数でうまくいった
index==0の数値を変えて止めたいスライドナンバーにする
slideafter:function(){
var index = $('.jquery-slider-page-current ').index();
if(index == 0){
this.autoplay = false;
rewindスライドが一周して先頭に戻った時に実行されるではなんかうまくいかなかった
※追記
<head>内にごちゃごちゃと別々で書きたくないので、script.js というファイルの中に
個別命令系のスクリプトを全部書き込んでいた。
そうしたらいつのまにかindexページのスライダーが効いてない状態になっていた。
開発者ツールのconsoleにはライトボックスjsのswipboxの実行jsコード に
TypeError: $().swipBox is not a function
というエラー文がでていた
削っていって試したところ、Jquery slider2 と swipBox の実行コード一緒に読み込むと
相性が悪くスライダーが動かなくなるということがわかった。
しょうがないので、swipBoxを使ってるhtml内に直接書くことにした
PR
