タイマーでメイン画像を変更し (通常のスライドショー機能)、クリック可能なサムネイル リストを備えた Mootools スライドショーを探しています。私が作業しているサイトには他にも多くの mootools 機能があるため、スライドショーは mootools でなければなりません。
私は2つのオプションを見つけました:
scrollgallery2.mashitup.de (これの v.2 です) - スライドショーを開始するにはどうすればよいですか? (最初の写真で止まっています)
github.com/jakobholmelund/SpinSlider (Jakob が jQuery スライドショーから採用したもの) - .js ファイルにサム コードがありません。jQuery のアイデアを Mootools にマージ/変換する方法はありますか?
(下を参照)
jQuery のバージョン:
if (options.bulletThumbs) {
var thumbName = slides.eq(i).data('thumb');
if (thumbName) {
var liMarkup = $('<li class="has-thumb">' + i + '</li>')
liMarkup.css({
"background": "url(" + options.bulletThumbLocation + thumbName + ") no-repeat"
});
}
}
orbitWrapper.children('ul.orbit-bullets').append(liMarkup);
liMarkup.data('index', i);
liMarkup.click(function () {
stopClock();
shift($(this).data('index'));
});
}
setActiveBullet();
}
Jakob Holmelund によって適応された Mootools:
if(this.options.bullets){
this.bullets = new Element("ul").addClass("spin-bullets").inject(this.spinWrap);
this.slides.each(function(slide, index){
new Element("li",{text:index+1}).addEvent("click", function(){
self._stopClock();
self._spin(index);
}).inject(self.bullets);
});
this._setActiveBullet();
}
これを修正する方法はありますか?または他のスライドショーのアイデアはありますか?