[ 解決済 ] スライダー サムネイル 連動できますか？
[ 解決済 ] スライダー サムネイル 連動できますか？
- このトピックには5件の返信、4人の参加者があり、最後に
により2年、 4ヶ月前に更新されました。
-
投稿
-
■ WordPress のバージョン
6.0■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
最新■ Pro Unit のバージョン
最新■ スキンの種類
VEKUAN■ スキンのバージョン
最新■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
大きい画像の下にスライダー（サムネイル）を設置し、
そのサムネイルをクリックすると大きい画像が変更する。もしくは
大きい画像が1枚単位でスライダーしてる時に
下に配置したサムネイルをクリックするとスライダーしている画像が変更される。よく、見かけると思うのですが
このようなことはできるのでしょうか？
■ 自分で試した事
スライダーを二つ設置
大きい（1枚単位のスライド）のと
サムネイル用スライド（6枚単位のスライド）両方、ズルズル動くのですが、連動全くしていません。
■ 症状が発生するブラウザ
safariで開発しています■ 実際の症状
特に異常はないと思います。スライダーを二つ設置
大きい（1枚単位のスライド）のと
サムネイル用スライド（6枚単位のスライド）両方、ズルズル動くのですが、連動全くしていません。
もうすこし詳しくお聞きしてもいいでしょうか。
スライダーというのは、どのようなブロックを使用して実装していますか？
サムネイル用スライドというのが気になりまして、お聞きしました。もし差し支えなければ、該当のURLを貼っていただくと、回答がつきやすいと思います。
うなこ様
こんにちわ。試しに行ったのは
プロの「スライダー」です。
1枚でのスライダーと
複数枚のスライダーを上下くっつけて行いました。
テストでやったので、削除してしまいました。以前は、他のプラグインで行ってたのですが
プロの「スライダー」でできればと思いました。イメージ画像を添付いたします。
以前は、他のプラグインで行ってたのですが
プロの「スライダー」でできればと思いました。プラグインを増やさずにサムネイル付きのスライダーを作りたい、ということですよね。
それなら、Swiper というライブラリを活用するのがいいと思います。
Lightning には Swiper が組み込まれているので、追加で読み込ませる(インストールする)必要はありません。
機能が多く、複雑な処理になってしまう
とベクトルさんが書かれている通り、多機能なライブラリで多くのオプションが用意されています。
HTML / JavaScript / CSS によるカスタマイズが必要ですが、「Swiper 使い方」でググると実装例や解説がたくさん見つかります。
- このトピックに返信するにはログインが必要です。
