たぶん間違いないと思うんだけど、jCarouselってスクロールのためのボタンは自動生成のみで、任意のところには置けない仕様になってる。
CSSである程度はカスタマイズできるものの、タグ構成としては位置が決まってしまっているのでどうにもならないケースもでてくると思われる。というか、でてきた。
こうなったら、jCarousel自体をいじるしかない。
CSSである程度はカスタマイズできるものの、タグ構成としては位置が決まってしまっているのでどうにもならないケースもでてくると思われる。というか、でてきた。
こうなったら、jCarousel自体をいじるしかない。
まあ、けっこう簡単でjcarousel-nextとかで検索すると、143行あたりに
// this.buttonNext = $('.jcarousel-next', this.container);という按配にクラス指定でボタンオブジェクトをとろうとしているところがあるから、こいつをこんな感じでIDに変えちゃう。クラスでもいいと思うんだけど、それは状況に合わせて適当に。nextとprevで2箇所。
this.buttonNext = $('#jcarousel-next1');
で、好きなところに上記IDを付与したタグを書けばよいと。スタイルに関しては元のやつをそのままいじればいいのです。
あ、あとこのままだと、ボタンが勝手に作られちゃうので起動スクリプトのところに
jQuery(document).ready(function() {のように、button*HTML:""を入れてボタンが生成されないようにする。
jQuery('#hoge').jcarousel({
vertical: true,
scroll: 1,
wrap: 'both',
buttonNextHTML: '',
buttonPrevHTML: ''
});
});
上の例みたいにID決めうちできなくて、動的にIDが変わる場合とかは、引数にとればいいだけと思われる。
コメントする