[ 解決済 ] スライダー サムネイル 連動できますか?

VWSとは フォーラム VK Blocks・Pro [ 解決済 ] スライダー サムネイル 連動できますか?

[ 解決済 ] スライダー サムネイル 連動できますか?

  • このトピックには5件の返信、4人の参加者があり、最後にgundamにより3週、 2日前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #66999

    gundam
    参加者

    ■ WordPress のバージョン
    6.0

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    最新

    ■ Pro Unit のバージョン
    最新

    ■ スキンの種類
    VEKUAN

    ■ スキンのバージョン
    最新

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ 期待する動作
    大きい画像の下にスライダー(サムネイル)を設置し、
    そのサムネイルをクリックすると大きい画像が変更する。

    もしくは
    大きい画像が1枚単位でスライダーしてる時に
    下に配置したサムネイルをクリックするとスライダーしている画像が変更される。

    よく、見かけると思うのですが

    このようなことはできるのでしょうか?

    ■ 自分で試した事
    スライダーを二つ設置
    大きい(1枚単位のスライド)のと
    サムネイル用スライド(6枚単位のスライド)

    両方、ズルズル動くのですが、連動全くしていません。

    ■ 症状が発生するブラウザ
    safariで開発しています

    ■ 実際の症状
    特に異常はないと思います。

    #67007

    うなこ
    モデレーター

    スライダーを二つ設置
    大きい(1枚単位のスライド)のと
    サムネイル用スライド(6枚単位のスライド)

    両方、ズルズル動くのですが、連動全くしていません。

    もうすこし詳しくお聞きしてもいいでしょうか。

    スライダーというのは、どのようなブロックを使用して実装していますか?
    サムネイル用スライドというのが気になりまして、お聞きしました。

    もし差し支えなければ、該当のURLを貼っていただくと、回答がつきやすいと思います。

    #67023

    gundam
    参加者

    うなこ様
    こんにちわ。

    試しに行ったのは
    プロの「スライダー」です。
    1枚でのスライダーと
    複数枚のスライダーを上下くっつけて行いました。
    テストでやったので、削除してしまいました。

    以前は、他のプラグインで行ってたのですが
    プロの「スライダー」でできればと思いました。

    イメージ画像を添付いたします。

    Attachments:
    You must be logged in to view attached files.
    #67032

    Vektor,Inc
    キーマスター

    gundamさま

    お世話になっております。
    VK Blocks Proのスライダーブロックにはサムネイル表示にする機能はついておりません。
    機能追加する予定も今のところはございません。(機能が多く、複雑な処理になってしまうため)
    ご希望に添えず申し訳ございません。

    今後ともよろしくお願いいたします。

    • この返信は3週、 4日前にVektor,Incが編集しました。
    #67038

    以前は、他のプラグインで行ってたのですが
    プロの「スライダー」でできればと思いました。

    プラグインを増やさずにサムネイル付きのスライダーを作りたい、ということですよね。

    それなら、Swiper というライブラリを活用するのがいいと思います。

    Lightning には Swiper が組み込まれているので、追加で読み込ませる(インストールする)必要はありません。

    機能が多く、複雑な処理になってしまう

    とベクトルさんが書かれている通り、多機能なライブラリで多くのオプションが用意されています。

    HTML / JavaScript / CSS によるカスタマイズが必要ですが、「Swiper 使い方」でググると実装例や解説がたくさん見つかります。

    #67095

    gundam
    参加者

    対馬様ありがとうございます。
    Swiperをググってみます。
    簡単にやれそうでしたら、チャレンジしてみます。

    ありがとうございました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。