Lightning Advanced Sliderを有効にするとコンテンツとの間に隙間ができる

タグ: Lightning Advanced Slider

このトピックには20件の返信、4人の参加者があり、最後にyunahanaにより5年、 6ヶ月前に更新されました。

15件の投稿を表示中 - 1 - 15件目 (全21件中)

1 2 →

投稿者

投稿
2019年5月23日 4:58 AM #16442
yunahana
参加者
いつもお世話になっております。

スライドを念願のフェードにしたくて、Lightning Advanced Sliderをインストールしました。
有効にするだけで、スライド画像の下に100pxの隙間ができてしまいます。
コンテンツ背景に画像を使っておりますので、100pxの隙間が目立ってしまいます。
解決法がありましたらご教授お願いいたします。

それからフェードの速度が速いので、もっとふんわりとした感じにする方法などがありましたらご教授おねがいいたします。

当方の環境です。
WordPress 5.1.1
Lightning Proバージョン: 1.2.0
Child Sample バージョン: 0.0.0
JPNSTYLEバージョン：3.1.0

どうぞよろしくお願いいたします。
- このトピックはyunahanaが5年、 6ヶ月前に変更しました。
2019年5月23日 5:21 AM #16444
yunahana
参加者
追記です。

デザイン「Charm」では、隙間は出来ませんが、通常のスライドとフェードのスライドが2段で表示されます。
何か設定があるのでしょうか？
↑↑↑申し訳ございません。「Charm」は元々フェードのスライドでした。
- この返信は5年、 6ヶ月前にyunahanaが編集しました。
2019年5月23日 2:08 PM #16448

yunahana
参加者

「JPNSTYLE」デザインでは、やはり100ピクセルの空白ができてしまいます…
皆さまのサイトではそのような現象はおきてないのでしょうか？

2019年5月23日 3:00 PM #16450
DRILL LANCER
モデレーター
有効にするだけで、スライド画像の下に100pxの隙間ができてしまいます。

これについては下記を追加CSS等に記述すると解消できると思います。
```
.swiper-container {
    margin-top: 0!important;
}
```
フェードの速度が速いので、もっとふんわりとした感じにする方法

切り替えスピードは下記項目で設定できるようです。
外観 > カスタマイズ > Lightning トップページスライドショー > スライド切り替え間隔
2019年5月23日 4:31 PM #16452
yunahana
参加者
RICK 様

いつもありがとうございます。
ご教授いただいたソースをExUnit⇒CSSカスタマイズでCSSの追加をしましたが、変化無しでした。

質問の前に、Googlechromeの検証で下記の様にすると空白は無くなるのですが、いざCSSに追加すると変化無しなのです‥
```
element.style {
    margin-top: 0px;
}
```
CSSに追加している他のソースを全部削除して、ご教授頂いたソースのみでも反映されませんでした‥
2019年5月23日 4:36 PM #16453
yunahana
参加者
あ、それからフェードの切り替えですが、下記の設定では、切り替わる間隔は長くなるのですが、切り替わる瞬間がふんわりじゃなくて、素早くて、フェードインフェードアウトの効果があまり無いのです‥
```
切り替えスピードは下記項目で設定できるようです。
外観 > カスタマイズ > Lightning トップページスライドショー > スライド切り替え間隔
```
2019年5月23日 5:39 PM #16455

yunahana
参加者

スライド画像を眺めていて気が付いたのですが、スライドに設定した画像の上の部分が切れています。
空白が出来ている部分と同じくらい切れています‥上に押し上げられて下に空白が出来ている感じです‥

2019年5月23日 6:01 PM #16456
yunahana
参加者
RICK 様

何度も申し訳ございません。
先ほど教えて頂いたソースを追加すると、変わらないように見えたのですが、スライド画像も空白もいっしょに100pxほど上に押し上げられて画像上部が切れてしまい、画像下の空白はそのまま残っている状態です。
```
.swiper-container {
    margin-top: 0!important;
}
```
2019年5月23日 9:13 PM #16458

石川＠Vektor,Inc.
キーマスター
制作実績

JPNSTYLEはスライドを固定させるためにJavaScriptでかなり特殊な処理をしており、
現状 Advanced Slider には対応していません。

JPNで動作するように検証・修正していますので今しばらくお待ちください。

2019年5月24日 1:08 AM #16459

石川＠Vektor,Inc.
キーマスター
制作実績

おまたせしました。
Advanced Slider 0.2.2
JPNSTYLE 3.2.0
にアップデートしてご確認ください。

不具合報告ありがとうございました。

2019年5月24日 2:33 AM #16460

With
参加者

Advanced Slider 0.2.2
JPNSTYLE 3.2.0
にアップデートしてヘッダー画像表示を確認しました。
ヘッダー画像がフィックスで表示されません。
表示の挙動がおかしいです。
均等のサイズで表示されないのです。
画像が大きくはみ出たように表示されます。(切れてしまいます)
また、小さい画像はヘッダーよりも左上に極端に小さく表示されてしまいます。

Lightning Skin Charmでは
ヘッダー画像は均等の問題なく表示されるのですが。
ご検証下さい。
どうぞ宜しくお願いします。

2019年5月24日 2:34 AM #16461
yunahana
参加者
kurudrive 様
```
Advanced Slider 0.2.2
JPNSTYLE 3.2.0
```
アップデートありがとうございます。
無事に空白が消えました～！

画像が切り替わる瞬間の「Charm」のような滑らかなふんわり感にするような、調整できませんでしょうか？
わがままを言いますが、ご検討いただけると嬉しいです！

RICK 様も、色々とご教授頂きありがとうございました。
感謝申し上げます！
- この返信は5年、 6ヶ月前にyunahanaが編集しました。
2019年5月24日 5:43 PM #16468

石川＠Vektor,Inc.
キーマスター
制作実績

With様

まず

画像が大きくはみ出たように表示されます。(切れてしまいます)

おそらくCSSがキャッシュか何かで最新ではないように思います。

Ctrl + F5 やキャッシュを消去して再読込してみてください。

2019年5月25日 1:22 AM #16470

With
参加者

https://tokyo-support.net/system/002/

デモサイトで確認下さい。
Ctrl + F5 やキャッシュを消去して再読込してもダメでした。

2019年5月25日 2:16 AM #16471

With
参加者

画像が大きくはみ出たように表示されます。(切れてしまいます)

追記：
パソコン表示がおかしいです。
スマートフォン表示は問題ないのですが。
投稿者

投稿