javascriptの修正
現在 NEXT ボタンと BACK ボタンつきのループする画像を作ろうとしておりますが、
previous:function( manual , item){
this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 - this.slides.length);
this.onProcessing( item, manual, 0, this.maxSize )
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
.finishFx( manual );
},
next:function( manual, item ){
this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1;
this.onProcessing( item, manual )
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
.finishFx( manual );
},
previous:functionとnext:functionに判断条件と
fxStart:function( index, obj, currentObj ){
if( this.settings.direction == 'opacity' ) {
$(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} );
$(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
}else {
this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
}
return this;
},
jumping:function( no, manual ){
this.stop();
if( this.currentNo == no ) return;
var obj = eval("({'"+this.directionMode[0]+"':-"+(this.maxSize*no)+"})");
this.onProcessing( null, manual, 0, this.maxSize )
.fxStart( no, obj, this )
.finishFx( manual );
this.currentNo = no;
},
のanimateを修正すると言うことまでは分かりましたが、それ以上どのようにして修正するのか分かっておりません。ちなみにjavascriptはもちろんプログラミング自体はド素人です。
どなたかお力をお貸し下さいよろしくお願い致します。
ループさせたい部分のHTMLを添付致します。
<!-- サムネイル -->
<div class="lof-main-outer">
<ul class="lof-main-wapper">
<li><img src="1.png" alt="" /></li>
<li><img src="2.png" alt="" /></li>
<li><img src="3.png" alt="" /></li>
<li><img src="4.png" alt="" /></li>
<li><img src="5.png" alt="" /></li>
<li><img src="6.png" alt="" /></li>
</ul>
</div>
<!-- サムネイルの影 -->
<div class="lof-navigator-wapper">
<div onclick="return false" href="" class="lof-next">Next</div>
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<li class="shadow1"><img src="1ｓ.png" alt="" /></li>
<li class="shadow2"><img src="2ｓ.png" alt="" /></li>
<li class="shadow3"><img src="3ｓ.png" alt="" /></li>
<li class="shadow4"><img src="4ｓ.png" alt="" /></li>
<li class="shadow5"><img src="5ｓ.png" alt="" /></li>
<li class="shadow6"><img src="6ｓ.png" alt="" /></li>
</ul>
</div>
<div onclick="return false" href="" class="lof-previous">Previous</div>
</div>
お礼
ありがとうございます！