0

jQuery Scrollable (ナビゲーター プラグインを使用) は、最初の読み込み時に間違ったスライドを表示しています。

次のように使用すると、正常に動作します。

$(".scrollable").scrollable({}).navigator();

...しかし、すぐに「循環」モードを有効にします (最後のスライドから最初のスライドに戻るループを許可するため):

$(".scrollable").scrollable({ circular: true }).navigator();

ページの読み込み時に、ナビゲーターで項目 1が強調表示されていても、最後の項目が最初に表示されます。画像を確認すると、最後の画像に到達すると、2 回目の画像が表示され、 2 番目のループの開始時に実際の最初の画像のみが表示されます。

助言がありますか？

完全を期すために私のHTMLは次のとおりです。

<div class="column two-thirds scrollable" id="scrollable">

<a class="prev browse left">Previous</a>

<div class="items">
        <div><img src="1.jpg" alt="" /></div>
        <div><img src="2.jpg" alt="" /></div>
        <div><img src="3.jpg" alt="" /></div>
        <div><img src="4.jpg" alt="" /></div>
</div>

<a class="next browse right">Next</a>

<div class="naviWrapper">
 <div class="navi"></div>
</div>

</div>
4

1 に答える 1

0

<img>同じ問題へのリンクを次に示します。タグを<div>背景画像のある タグに置き換えることをお勧めします。https://github.com/jquerytools/jquerytools/issues/47

一部の画像には画像マップが含まれていたため、それを行うことができませんでした。ただし、すべての画像の寸法は同じだったので、画像の寸法を入力しました。

<img width=730 height=360 alt="first image" src="/images/my-image.jpg" />

そして、それはそれを解決したようです。

于 2013-08-05T22:10:38.967 に答える