2012-02-29 4 views
0

jcarouselをセットアップして、画像の上にある標準の左右の矢印を使用して一連の画像をスクロールしました。 画像の一番下にナビゲーションの矢印を追加したいと思いますが、その位置を設定できるように別のクラス名を付ける必要があります。 これらの追加の矢印を追加するには、jcarouselのjavascriptファイルで何を編集する必要がありますか? 私はあなたがそのような代を行うことができますJcarouselのプラグインを変更して別のナビゲーションコントロールを追加する

= this.list.wrap("<div></div>").parent(); 
if(this.container.size()===0)this.container=this.clip.wrap("<div></div>").parent();b!==""&&this.container.parent()[0].className.indexOf("jcarousel-skin")==-1&&this.container.wrap('<div class=" '+b+'"></div>'); 
this.buttonPrev=g(".jcarousel-prev",this.container); 
if(this.buttonPrev.size()===0&&this.options.buttonPrevHTML!==null)this.buttonPrev=g(this.options.buttonPrevHTML).appendTo(this.container); 
this.buttonPrev.addClass(this.className("jcarousel-prev")); 
this.buttonNext= g(".jcarousel-next",this.container); 
if(this.buttonNext.size()===0&&this.options.buttonNextHTML!==null)this.buttonNext=g(this.options.buttonNextHTML).appendTo(this.container); 
this.buttonNext.addClass(this.className("jcarousel-next")); 
this.clip.addClass(this.className("jcarousel-clip")).css({position:"relative"}); 
this.list.addClass(this.className("jcarousel-list")).css({overflow:"hidden",position:"relative",top:0,margin:0,padding:0}).css(this.options.rtl?"right":"left",0); 
this.container.addClass(this.className("jcarousel-container")).css({position:"relative"}); 

答えて

1

...それはこのコードの塊であってもよいと思う:

$.mycarousel = function(e, o) { 
var $elfCarousel = $(e).jcarousel(o), 
$actionsContainer="<div class='other_actions'></div>"; 
$elfCarousel.wrap("<div></div>").append($actionsContainer); 
$actionsContainer.append("<div>bottom Next</div>").click(function(){ 
    $elfCarousel.find(".jcarousel-next").click(); 
}) 
$actionsContainer.append("<div>your other button here</div>").click(function(){/* your other action here*/}) 
$actionsContainer.append("<div>your last button here</div>").click(function(){/* your last action here*/}) 
} 

あなたはjcarouselバグ修正の恩恵を得るでしょうjcarousel独自のプラグインの折り返しを作成することにより。

+0

ありがとうblobmaster。私はゼロのjavascriptのスキルを持っていて、あなたが "あなたの他のアクションここ"と言ったセクションに行くことを意図されているのだろうか? – user537137

+0

広告を表示するには、右または下の3つの写真に移動します:$ elfCarousel.find( "。jcarousel-prev")をクリックします。 jcarouselプラグイン(http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.js)のコードを見ると、呼び出すことができる他の "バインディング"が表示されます – blobmaster

関連する問題