0

カスタムスライドショーが必要なページで作業してきましたが、必要に応じて表示するのに問題があります。

これが画像です。

スライドショーJS、HTML、CSS->はここにあります。

a.slidesjs-previousa.slidesjs-nextの周りにdivを配置できるかどうかを考えました。次に、背景を追加できます:#fffをdivに追加します。

しかし、数字を箇条書きに置き換えることは、これまでのところ最も難しい部分です。どのようなアプローチを試すべきですか?

私は私が得ることができるどんな助けにも感謝します。

4

1 に答える 1

0

そのgithubで提供した半識別可能なコードを調べると、JSがリストアイテムスタイルで弾丸を生成しているように見えます。

形式はそのようなもののようです。

<li class="slidesjs-pagination-item">
    <a href="#" data-slidesjs-item="0"></a>
</li>

上記で。data-slidesjs-itemは、リンクされているスライドへの参照も保持します。この目的のために、スライドは0 indexベースになっています。つまり、1から始めたい場合は、1を追加する必要があります。

提供されているCSSを見ると、箇条書きの生成に使用されている特別な画像やテキストのインデントがないので、次のようにします。

$('.slidesjs-pagination-item a').each(function(){
    $(this).text($(this).data('slidesjs-item') +1);
});

そして、これはこの背後にあるメカニズムを説明するフィドルです

于 2013-03-24T22:29:57.313 に答える