javascript - Nivoスライダー付きのカスタムサムネイル

Question

Nivo Sliderのサムネイルには、画像リンクの代わりにテキストリンクを使用する必要があり、完全に任意の場所に表示する必要があります。これを行う簡単な方法はありますか？

Answer 1

私はそれを考え出した。ちょっとしたカスタムスクリプトを書いただけで、そのシンプルさをかなり誇りに思っています。

$(document).ready(function() {
    $(".custom-control").click(function(e) {
        e.preventDefault();
        var targetSlide = $(this).attr("rel");
        $(".slider-wrapper .nivoSlider .nivo-controlNav").find(".nivo-control").attr("rel", targetSlide).trigger("click");
    });
});