1

jquery ツール / スクロール可能なプラグインに問題があります。

このページで、circular:true オプションを使用: http://oda.sanscode.com/

表示されているロゴ パレードは、最後のロゴに到達したときにのみロゴを複製します。これにより、最後のロゴが表示されてから最初のロゴが複製されるまでの間に目に見えるギャップが残ります。

目に見えるギャップがないように、循環の背後にあるロジックを変更する必要があります。

jquery ツール プラグインのコードは次のとおりです。

// circular loop
    if (conf.circular) {

                    //take the last item, prepend it to the itemWrap
        var cloned1 = self.getItems().slice(-1).clone().prependTo(itemWrap),
             cloned2 = self.getItems().eq(1).clone().appendTo(itemWrap); //take the second item, place it after the itemWrap


        cloned1.add(cloned2).addClass(conf.clonedClass);

        self.onBeforeSeek(function(e, i, time) {


            if (e.isDefaultPrevented()) { return; }

            /*
                1. animate to the clone without event triggering
                2. seek to correct position with 0 speed
            */
            if (i == -1) {
                self.seekTo(cloned1, time, function()  {
                    self.end(0);
                });
                return e.preventDefault();

            } else if (i == self.getSize()) {
                self.seekTo(cloned2, time, function()  {
                    self.begin(0);
                });
            }

        });

        // seek over the cloned item
        self.seekTo(0, 0);
    }

誰かが私を助けてくれますか?

ありがとう

4

1 に答える 1

2

jquery ツール フォーラムの誰かがここに解決策を投稿しました: http://jquerytools.org/forum/tools/35/46918

于 2010-08-02T07:52:22.780 に答える