0

一部のコンテンツをスライドするためにbjqsスライダープラグインを使用しています。現在、次のボタンと前のボタンとは別に、ユーザーが目的のスライドを選択するのに役立つナビゲーションがあります。私がやりたいのは、数字の代わりにスライドのタイトルを表示することです。このプラグインは使用し、各リストアイテムは1つのスライドになるので、要素から値を取得して数値の代わりに配置<ul>できるかどうか疑問に思いました。<li>

数値を生成するコードは次のとおりです。

 var conf_markers = function() {
    // create a wrapper for our markers
    $m_wrapper = $('<ol class="bjqs-markers"></ol>');

    // for every slide, create a marker
    $.each($slides, function(key, slide){

        var slidenum    = key + 1,
            gotoslide   = key + 1;

        if(settings.animtype === 'slide'){
            // + 2 to account for clones
            gotoslide = key + 2;
        }

        var marker = $('<li><a href="#">'+ slidenum +'</a></li>');
4

1 に答える 1

1

上記のコードをこれに置き換えてみて、動作するかどうかを確認してください。github のスライダー コードをちらっと見たところ、理論的にはこれで動作するはずです。タイトル付きの画像を含む$slidesを参照する必要があります。<li>

編集

$.each($slides, function(key, slide){
    var slidenum    = key + 1,
        slidename   = $(slide).find('img').attr('title'),
        gotoslide   = key + 1;

    if(settings.animtype === 'slide'){
        // + 2 to account for clones
        gotoslide = key + 2;
    }

    var marker = $('<li><a href="#">'+ slidename +'</a></li>');

私が言えることから、基本的なhtmlは次のようになります。

<li class="bjqs-slide">
    <img src="img/banner01.jpg" title="Automatically generated caption">
    <p class="bjqs-caption">Automatically generated caption</p>
</li>

そして、これがjsFiddleの例です

于 2013-01-11T19:36:30.430 に答える