質問: 0; i < $('#sample li').length; i++) { insert += ''; }; $('.custom-thumb').append(insert); $('#sample').bxSlider({ pagerCustom: '.custom-thumb', }); }); ``` ### 試したこと jsで各画像毎に異なるクラス名を付けてhrefを書き換えようとしたが、調べても方法が見つからなかった。 ### 補足情報(FW/ツールのバージョンなど) 元々、JavaScriptでサムネイルが追加されていたため、その部分をコメントアウトしてHTMLで記述するとスライダーの画像や動きに不具合が見られたため、JavaScriptで出来ればと考えています。 スライダーイメージ このようなメイン画像の下に横並びのサムネイルがあり、その各サムネイル画像にもリンクを貼りつけたいです。
回答: メインスライドのクラス名を変えcssで新たに装飾を施し、デフォルトのjsファイルとの関係を切ったことで挙動の不具合も解消された。 それによりサムネイル部分もHTMLで出力することで個別リンクを可能にし、jQueryでスライドの切り替えをクリックからマウスオン(ホバー)にすることでスライダーの機能を維持したままやりたいことを実現させた。