1

私は初めて Nivo Slider を使用しています。これは非常に優れていますが、いくつかの問題があります。

私はそれを CMS に統合しました。これにより、ユーザーは最大 5 つの画像を追加できます。

ただし、画像が 1 つしかない場合は、同じ画像を何度もスライドするように、サムネイルを非表示にしてトランジションを停止したいと思います。

これは私が JQuery で行うことですか、それとも「jquery.nivo.slider.js」ファイルを編集する必要がありますか? それとも、両方で達成できる可能性があるものですか?

私は次のようなことをしようとしていると思います：

if images < 1 {
 transition = false;
 thumbnails = hide;
}

うまくいけば、それは理にかなっています。

お時間をいただきありがとうございます。

アップデート

jquery.nivo.slider.js ファイルに以下を追加することで、画像が 1 つしかない場合にサムネイルを非表示にすることができました。

if (vars.totalSlides < 2)
{
 $('.nivo-controlNav').remove();
}

同じルールに基づいて、次のコードの設定の 1 つを変更できるようにしたいのですが、これを行う方法がわかりません。

$.fn.nivoSlider.defaults = {
    pauseOnHover: 'false',
    ......
}
4

2 に答える 2

0

構成配列を変更し、スライダーを次のように初期化します。

// nivo config array
var nivoConfig = {
    slices: 30, // For slice animations
    boxCols: 16, // For box animations
    // put all your init config here but exclude 'effects'
}

if(imagesCount < 2) {
    nivoConfig['effects'] = 'none';
} else {
  nivoConfig['effects'] = 'random';
}

$('#slider').nivoSlider(nivoConfig);

試してみてください。このような方法で動作するはずです。

于 2012-11-26T20:00:35.987 に答える
0

これとまったく同じ問題がありました。ジョニーのコードは完全に機能しましたが、これに問題がある可能性がある人のために詳しく説明したいと思いました. 以下を挿入します。

 if (vars.totalSlides < 2) {
    $('.nivo-controlNav').remove();
}

jquery.nivo.slider.js ファイルの 158 行目付近 (if(settings.controlNav) {} 条件内)。それ以外の場合は機能しません。

于 2013-06-05T18:53:30.927 に答える