「スライダー」の検索結果
-
検索結果
-
返信が含まれるトピック: [ 解決済 ] “無限ループスライド_カスタム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スライダーのフェード効果適用時に､透過画像を利用すると重なってしまう
う…うーん…よく状況が理解できていないのですが、
透過させるために透過pngを使って重なる事なくフェードというのがちょっとわからないのですが、透過png → 透過する
フェード → 透過するのでそれは物理的に無理なのかなという印象がしますが…
まずスライドに指定する画像が透過しなくてはいけない理由は何でしょうか？
特になければ１枚のスライダーの中に透過しない背景を置いた上で透過pngを置けば良いのではないかなと思いました。■ 期待する動作
VK Blocksのスライダーブロックを利用、エフェクト”フェード”適用時に
透明度を持つ画像を設定して、重なることなくフェードにて表示する。■ 自分で試した事
１．2個のスライダーアイテムにそれぞれ背景透過画像(png)を、背景に設定して動作確認
⇒2枚の画像が重なって表示２．2個のスライダーアイテムに透明度を持たない画像(jpg等）を背景に設定して動作確認
⇒期待する動作３．2個のスライダーアイテムにボタンブロック１つを追加して、それぞれの配置を変えて動作確認
⇒常に2個のボタンが見える状態（ホバー、クリック可否等の確認は忘れました…。）４．2個のスライダーアイテムにカバーブロックを置いて透過画像を設定、スライダーアイテムの
背景を白、透過設定を1に設定して動作確認
⇒期待する動作■ その他特記事項
いつも大変お世話になっております。既存静的サイトをトレースする形のWordpress化という案件を行っている中で、
標記の症状を確認しました。フォーラム等調べたつもりですが既知の問題であったら、大変恐縮です。
Slackも確認しながら、スライダーブロックでは”swiper.js”を利用していると
お見受けしたのですが、それを基にググってみたところ、当該ライブラリの特性
なのかなという認識です。
（Googleにてクエリ”swiper フェード 透過画像”にて検索）解決策も複数ネットに上げて頂けている中で、当方のjavascriptやプラグイン周りの
編集という知見が全く無いに等しいため、適用できていない状況です。スライダーブロックをごちゃごちゃ触って期待する動作も実現できている中で
恐縮ではございますが、本件、Vk Blocks等の改修にてご対応頂けたりしますでしょうか。該当URLには、自分で試したことの中の１項の症状のままのページを
一時的に公開しております。以上、何卒よろしくお願いいたします。
