0

タイマーでメイン画像を変更し (通常のスライドショー機能)、クリック可能なサムネイル リストを備えた 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();
    }

これを修正する方法はありますか?または他のスライドショーのアイデアはありますか?

4

2 に答える 2