現在G3にてVK Blocks Pro スライダーブロックを利用し動画を埋め込んでおります。
スライダーを自動再生(スライド)させた場合
閲覧訪問者がスライド内の動画をクリックして再生した際に、
動画が再生されたままスライドしてしまい動画が見えなくなってしまいます。
これをスライド内にマウスオーバーさせることでスライドが停止することは出来ないものでしょうか?
ご指摘の件につきまして社内にて検討させていただきましたが、
* スライドの中に動画を入れればご指摘のようにユーザーにとって不便な状態になるためそもそもスライド内に動画を配置するべきてはない
* タブレットの際はホバーは使えないのでタッチする事になるが、タッチした時点で動画は停止になるのでタブレットユーザーにとっては動画が止まるか、再生中にスライドされてしまうかの2択となり高確率で不快感を与える事になる
* スライド内に入れるのであれば手動でのみスライドできるように非常に長い時間で設定する事は可能
という理由から対応は現実的でないため見送りとさせていただきます。
今回のご要望にお応えすることはできませんが、
また何かございましたら是非ご要望いただければと思います。
今後とも何卒よろしくお願いいたします。
一時停止する前提で、スライダーにはメリハリのある動きが設定されています。
一定速度で動かしたい場合は以下の CSS を追加すればよいです。
.vk_slider .swiper-wrapper {
transition-timing-function:linear;
}
この CSS のままだと他のスライダーにも影響してしまうので、
スライダーに 追加 CSS クラス (下記の例では slider01) を設定して
以下のようにするのが望ましいです。
.vk_slider.slider01 .swiper-wrapper {
transition-timing-function:linear;
}
ご確認ありがとうございます。
実現したい動きの参考サイト(http://shinka-inc.com/special/)
これはVKBLOCKではないのですが、この様な動きが設定でできるのでしたら、
実装したいと考えております。
画像は上記URLのスライドする箇所のキャプチャです。
スライダーブロックですと少し忙しく感じるため、
製品を写真で紹介する時にギャラリーっぽくしたいと思っています。
Attachments:
You must be
logged in to view attached files.
VK BLOCKSのスライダーブロックで、均一のペースで画像(例えば4枚)を横にスライドさせる。
表示時間を「0」にして、切り替え時間をいくつかのパターンでテストしてみましたが、
完全に均一の流れになりません。
設定方法をご存知の方いらっしゃいましたら、よろしくお願い致します。
完全に均一の流れにならないとは、どのような点でお困りでしょうか?
実際に作成されたページを添付いただくことはできますでしょうか。
あとは理想に近いスライダーのページのURLなどございますか。
以下のスライダー紹介ページの使用例に、理想のものはありますか
スライダー(Pro版のみ)
■ 利用テーマとバージョン :
WP 5.7.2
G3PRO 0.3.5
VK Blocks Pro 1.4.6
■ 質問内容:以下の様な動作をつけたいと考えております。
VK BLOCKSのスライダーブロックで、均一のペースで画像(例えば4枚)を横にスライドさせる。
表示時間を「0」にして、切り替え時間をいくつかのパターンでテストしてみましたが、
完全に均一の流れになりません。
設定方法をご存知の方いらっしゃいましたら、よろしくお願い致します。
※そもそもスライダーブロックではできない動きで、何か他の方法をご存知でしたら、
ご教授ください。
■ 利用テーマとバージョン :Lightning G3 Pro
■ 質問内容:
お世話になります。
現在G3にてVK Blocks Pro スライダーブロックを利用し動画を埋め込んでおります。
スライダーを自動再生(スライド)させた場合
閲覧訪問者がスライド内の動画をクリックして再生した際に、
動画が再生されたままスライドしてしまい動画が見えなくなってしまいます。
これをスライド内にマウスオーバーさせることでスライドが停止することは出来ないものでしょうか?
どうぞ宜しくお願い致します。
Lightning Pro、JPNSTYLEから
Lightning G3に変更してみました。
Lighnitng Proから
Lightning G3に変更して
設定後、レイアウトが戻せません。
トップページのように
各ページの上部にスライダーを設置しております。
(画像3枚から5枚ほど)
Generation3に変更後、
【試しに1ページだけ以下の作業を行いました】
デフォルトテンプレートから
ランディングページに変更すると
レイアウトが崩れました。
レイアウ全体が右側に寄ってしまい、左側に空白が出ました。
すぐにデフォルトテンプレートに戻しましたが
状態は元に戻らず変わりません。
メニューも消えて出てきません。
Generation3からGeneration2(~version13x)に
変更して確認しました。
先ほどのページはレイアウ全体が右側に寄ってしまい、
左側に空白が出ている状態です。
それ以外は正常に戻りました。
メニューも表示されました。
どうぞ宜しくお願いします。
VK Blocks Pro スライダーブロック
複数枚表示のカルーセルに対応
カルーセル表示:スマホ表示で上下に空白
VK Blocks Pro スライダーブロックで
カルーセル画像2枚で確認したところ、
スマホ表示では画像上下にとても空白がでます。
スマホ表示でも上下に空白が出ないようにできないのでしょうか。
検証をお願いします。
また、スマホ表示では画像が小さくなるので
スマホは別に枚数設定が出来ると良いです。
どうぞ宜しくお願いします。
プラグインを一つづつ検証してみたのですが、やはりスライダーが動作しません
カスタマイズcssやphpでスライダーに干渉する可能性がある設定等はありますか?
テーマは最新版としているつもりです
Fortを更新して投稿表示間の罫線は表示されるようになったのですが、やはりスライダーが動作しません
石川さんスライダーブロックやアウターブロックを再び試してました。
先日、1カラムにした時期があり、そのタイミングでチャレンジしてました。
ただ、残念な事に、スライダーブロックもアウターブロックも入れるとGoogleスピードテストで目に見える点数悪化があり断念しました。
普通のサイトには実用上は問題では無い速度の低下だと思うのですが、私のサイトは急いでいる人に見てもらうサイトなので、TOPページのスピードは捨てがたく、スライダーブロックもアウターブロックも諦めます。
アウターブロックはなかなか見た目が好きですが。
私の方で暫定対策を致しましたので報告します。
最初に報告したカードブロックのボタンと本文が重なる問題は、大画面PCで発生する不具合ですが、中途半端な横幅ではなく大画面で100%発生するので、次第に気になってしまいました。
そこで、暫定対策として、トップページを1ペインにしました。従来は2ペインでした。
それから、以前にトップページスライドショーは徐々にレガシー機能になって来ている様子で、スライダーブロックに置き換えるご提案があったように記憶しますが、その際もトップページが2ペインであった為に、綺麗に治ることがなく断念した経緯を思い出しました。
この2つの課題が一気に解決するのが、トップページ2ペインから1ペインに変更する案でした。
パソコン世代の私としては2ペインに馴染みが多いし、顧客の中にはPC画面だけで見るひともまだ多いので、2ペインでの利便性を残したいのですが、少なくともカードブロックとスライダーブロックを入れるページ(トップページとその他に数ページ)に関しては、1ペインにしようと思います。
このまま1ペインで運用すれば私個人としては、今回のスレッドは終了でも良いくらいです。
ただ、現状解決済みにしないで残しますね。
残す理由ですが、カードブロックやスライダーブロックが2ペイントレイアウトに対して排他制御されている関係では無いと思うので、やっぱり私と同様に、2ペインだけどカードブロックを使う人も出ると思いますし、スライダーブロックも2ペインでトップページスライドショーのように使ってみたい人が出ると思うので、一応はこのままにしました。
私的には、99%解決しました。
Lightning Proバージョン: 8.9.5
Lightning Skin JPNSTYLE バージョン 8.1.0
VK Blocks Pro バージョン 1.2.2
スライダーブロックに画像を5枚使用しております。
今までは問題なく画像5枚がフェードで実行されておりました。
昨日、確認したところ、
スライダーブロック(フェード)が2枚目から停止します。
他のページで設定した
スライダーブロック(フェード)でも同様です。
検証をお願いします。
どうぞ宜しくお願いします。
■ 設定
slide
■ 期待する動作
自動再生して手で動かした後も自動再生が続く
■ 現状の動作
自動再生するが動かさなくても一度で自動再生が止まる
という事で認識はあっていますでしょうか?
自動再生するが動かすと止まるのは Advanced Slider から採用しているスライダー「Swiper」の標準仕様だと思いますが、設定で従来通りに変更できるかもしれません。
しかしながら、ユーザーが手でスワイプする=自動再生を止めてユーザーがみたいものを見せた方が良いので、この仕様で良いと思います。
—
> G3からだと思うのですがcoverflow/flipが増えていますが
> これも使い方だよくわかりません
→ 好みの問題ですので、僕もslideかfadeで良いと思います。
単純に Swiper にその機能が備わっていて、それを使いたい人もいるので使えるようにしているだけです。
> 特にcoverflowは従来のslide と同じ動きにしか見えません
↓ スライドとは違う動きだと思いますがいかがでしょう?
HOME
Advanced Slider は正規製品版ではなくあくまで先行開発品の無料試供品につき保証対象外です。
その他の弊社テーマ・プラグインも有料販売品以外は動作を保証するものではありませんので、Lightning Pro本体以外の先行開発プラグインは配布時に「おまけ扱いで自己責任でご利用お願いします」というご案内をさせていただいております。
そして Advanced Slider でのテストを踏まえて、Advanced Slider で使った swiper を Lightning G3 やスライダーブロックなどに実装をしています。
Advanced Slider で出来ていて現状できない機能については、「Advanced Slider を使えるようにしてほしい」というリクエストではなく、「Advanced Slider で使えてたこの機能が出来るようにしてほしい」というリクエストでよろしくお願いいたします。