「スライダー」の検索結果
-
検索結果
-
返信が含まれるトピック: “無限ループスライド_カスタムCSS有” パターンが無限ループはしていない。
上記にまとめられればよかったのですが、五月雨式ですみません。
最近swiperのバージョン9系使って、Wordpress関連ではなくスライドショー実装する機会があったのですが
そう言えば表示枚数の倍の画像を用意してやらないと挙動が上手くいかなかったことを思い出して表示枚数×2のスライダーアイテムを置くことで、無限ループ動作を確認することができました。
当該URLでは、表示枚数が4であるのに対して、枚数が6枚なのでストップするのかなと思います。
回すアイテムの数が 表示枚数×2 以上あればいいのですが、ない場合は
表示の整合性が合うように複製が必要になる等、注意が必要かとも思いました。設定のヒントの改修等、頂ければと思います。
以上、よろしくお願いいたします。
返信が含まれるトピック: “無限ループスライド_カスタムCSS有” パターンが無限ループはしていない。
■ WordPress のバージョン
6.2.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.9.1■ Pro Unit のバージョン
1.56.0.0■ スキンの種類
Origin III■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
当該パターンのスライドショーが無限ループする■ 自分で試した事
パターンコピー＋貼り付け後、スライド設定・複数表示設定を
変更しながらの挙動確認（改善できず）■ 症状が発生するブラウザ
Chrome Edge■ 実際の症状
上記URLの表示内容においても、名称と異なった挙動をしている認識であり、
最終スライダーアイテムにてループがストップしております。■ その他特記事項
いつも大変お世話になっております。今回の問い合わせ内容について、パターンライブラリ上の挙動が
正であるなら、希望することもおこがましいのですが
スライドショーの無限ループを実現できる設定方法や、ご修正を頂けませんでしょうか。何卒、よろしくお願いいたします。
DRILL LANCER さん、ありがとうございます。
Swiper の仕様のようです。
Swiper のバージョンアップで仕様が変わったんですね。
スライドを6枚にしたら止まらなくなりました。total number of slides must be >= slidesPerView * 2
私が関わった既存サイトで、このルールになっていないスライダーがいくつかあります。
カルーセルバナーの類はほぼすべて止まってしまいそうです。
とりあえず、スライドを複製して数を増やして対応します。
トピックのタイトルに [ 対応中 ] となっていますが、[ 解決済 ] にしてもよいでしょうか？
Lightning 15.9.1 にアップデートして、
トップページのスライドショーのページネーション位置は元に戻りました。
ありがとうございます。その他対応までいましばらくお待ちくださいませ。
もうひとつ、スライダーブロックの動作の問題を見つけました。
ひとつの例として、アイテムの複数表示設定で PC で 3 に指定すると、
2回スライドした時点で止まってしまいます。以下の URL で実際の動作をご確認ください。
Swiper って、バージョンによって仕様が違っていて、
アップデートしたときの対応作業が大変そうだなぁ、と思っていました。プラグイン側で Swiper の最新バージョンに対応してもらえるのって、
感謝!! 感謝!! 感謝!! です。Swiper 9.2.3 になると機能も増えていると思いますので、楽しみにしています。
よろしくお願いします。
返信が含まれるトピック: 無限ループスライド_カスタムCSS有の設定方法
ありがとうございます。
ご教授いただいた内容で再インストールしました。
スライダーのカスタムCSSにselector .swiper-wrapper {transition-timing-function: linear;}を記述しましたが、スピードは変更されないようでした。
またスライド設定も見当たりません。■ WordPress のバージョン
WordPress 6.2.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
Lightningバージョン: 15.8.0■ Pro Unit のバージョン
バージョン 0.2.4.1■ スキンの種類
Origin III■ 期待する動作
スライダーを一定のスピードに設定したい。■ 自分で試した事
CSSを追加しました■ 症状が発生するブラウザ
Chrome■ 実際の症状
不規則な動きをしています。■ その他特記事項
設定のヒント「スライド設定」>表示時間は0 にします。
「複数の表示設定」>１度に表示する画像の枚数は3(お好みで変更可)、１度の動作で動かす枚数は1にします。
スライダーのカスタムCSSにselector .swiper-wrapper {transition-timing-function: linear;} を入力すると、一定の割合で変化していきます。
※このブロックは必要に応じて削除してください。
とありますが、それぞれの設定がどの場所にあるのかわからないです。
返信が含まれるトピック: スライダー機能につきまして
トピック: [ 解決済 ] スライダー機能につきまして
■ WordPress のバージョン
WordPress 6.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
Lightning G3 Evergreen■ Pro Unit のバージョン
VK All in One Expansion Unit■ スキンの種類
Evergreen■ スキンのバージョン
バージョン 0.2.2■ 期待する動作
スライダーの1枚を動画にしたいです。
(例) 画像 ＋ 画像 ＋ 動画■ 自分で試した事
外観 → カスタマイズ → Lightning トップページスライドショー
固定ページ → VKブロックレイアウト → スライダー上記二つで試してみましたが動画（mp4）は入りませんでした。
■ 症状が発生するブラウザ
Chrome■ 実際の症状
動画が設置できない■ WordPress のバージョン
6.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
8.17.10■ スキンの種類
Origin II■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ プラグインの種類・バージョン
Lightning Pro をつかっているのですが、トップページのファーストビューで Smart Slider をつかうのであれば、テーマエディターのどこに書き込みすればいいのか教えてもらえれば助かります。■ 期待する動作
トップページのファーストビューで Smart Slider 使いたい■ 自分で試した事
[カスタマイズ]→[ウィジェット]→[トップページコンテンツエリア上部]からショートコードブロックということをおっしゃってくださってるのだと思うのですが、そうすると両横に余白ができてファーストビューが画面いっぱいにはできません。
その他のやり方があればおしえていただきたいです。■ 症状が発生するブラウザ
Chrome■ 実際の症状
左右余白ができる返信が含まれるトピック: Master Sliderがトップページに表示されない
ご連絡ありがとうございます。
有料の３D カルーセルスライダー
こちらを利用したいため、四苦八苦していますが
解決できません。よろしくお願いいたします。
返信が含まれるトピック: Master Sliderがトップページに表示されない
■ WordPress のバージョン
6.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.8.0■ Pro Unit のバージョン
0.24.0■ スキンの種類
Evergreen■ スキンのバージョン
0.2.1■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ プラグインの種類・バージョン
Master Slider – Responsive Touch Slider
バージョン: 3.8.7■ 期待する動作
Master Sliderを固定ページにショートコードで貼り付けて表示をさせたい。■ 自分で試した事
・プラグインを全て削除をしてMaster Sliderのみにしたが稼働しない
・カスタマイズ管理画面ではスライダーが表示されるが公開ページで表示されない
・他のテーマに変更をしたら、表示されるテーマと表示れないテーマがあった■ 症状が発生するブラウザ
Safari、Chrome、Edge、スマホ■ 実際の症状
Master Sliderをショートコードで貼り付けたが表示されません。
固定ページ、投稿ページ、どちらも表示されません。カスタマイズのプレビューは表示されています。
プラグインに設置画面のプレビューでは表示されています。返信が含まれるトピック: VKスライダーのフェード効果適用時に､透過画像を利用すると重なってしまう
crossFade を使いたいのであれば、
VK スライダーは使えない（独自に JavaScript でコーディングが必要）
と思います。そこまでしなくても、
以下の CSS で wkwk さんがやりたいことができる気がします。(たぶん).vk_slider_item { opacity: 0 !important; } .vk_slider_item.swiper-slide-active { opacity: 1 !important; }お時間があれば試してみてください。
返信が含まれるトピック: VKスライダーのフェード効果適用時に､透過画像を利用すると重なってしまう
