-
画像が被って表示されるので調整したい
トピックス by
83 pt
2023年10月3日 11:26
202
PV
widget名：複数枚の画像を切り替える
の下に画像を配置したいのですが、上の画像に被ってしまいます。
別のwidgetと組み合わせたいので同一ページ内で作成したいのですが可能でしょうか。
-
14 コメント
-
ご相談ありがとうございます！
試しに同じWidgetで同じ状況を再現してみたのですが、同じ現象は確認できませんでした・・・。
xinaさんが作成しているページのプレビューをご共有いただけますか？
よろしくお願いします！
-
https://sb-preview.squadbeyond.com/articles/ZGtjGzWsjbWFIPXgsNdg/preview
こちらがプレビューになりますmm
2枚目を切り替えずに表示させ続けるように調整したのですがそれが影響しているんでしょうか、、？？
-
ご共有ありがとうございます！
修正方法を確認させていただきます！
-
お忙しいところ失礼いたします。
こちらの方いかがでしたでしょうか、、？？
-
確認中でございます！
-
お待たせいたしました！ご共有いただいたページで修正するとこのようになります！
イメージ通りでしょうか？
それとも、下の画像を固定させたいのであれば、別のWidgetを使う必要があります。
その場合、理想のページがあれば共有ください！(文字だけですと認識の齟齬が起きやすいので)
よろしくお願いします！
-
https://sb-preview.squadbeyond.com/articles/eLytHfeOFakgzBi-KpMag/preview
ありがとうございますmm
クーポンの画像の下（裏ではなく）に、アマギフの画像が来るようにしたいです。
こちらのアンケート3つ目の質問回答後に、先ほどのWidgetを組み込みたく、
別ウィジェットにしてしまうと回答後に表示ができなくなってしまうなと…
-
そのイメージになります、、！！
更にその下に画像が連なってるのが理想になります🙇♂️
-
ご確認ありがとうございます！
修正方法確認します！
-
お手数おかけいたしますmm
-
-
お待たせいたしました！
CSSを修正してください！！！
【変更前】
.img__box:before { /* ..省略... */ padding-top: calc((800 / 800) * 100%); }【変更後】
.img__box:before { /* ..省略... */ padding-top: calc((1300 / 750) * 100%); /* 縦: 1300px / 横750px という形にします。切り替え後の画像に合わせてここを調整して下さい */ } -
できましたーーー！！！
長い時間対応いただきありがとうございました;;
-
よかったです！
こちらこそお待ちいただきましてありがとうございました！
-
