トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
SWELLに関する質問
3
投稿
2
ユーザー
0
Reactions
209
表示
トピックスターター
トップページ内のメインビジュアルをスライダータイプで表示する時に、テキスト部分にも画像を追加し表示はされるのですが、テキスト画像をアニメーション（transform）でフェードイン20px程度左から右に移動させる時に、メイン画像との時間をきっちり調整できず、できれば画像が変わるごとにタイミングを0として判断させる方法を知っている方がいらしたら教えてください。
希望としたら、メインの画像が変わるごとにテキスト部分が毎回フェードインするような感じです。
他社さんのサイト（ https://www.kamaya-oil.com/）になりますが、このような表現にしたいです。
よろしくお願いいたします。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.15.0
利用中のWordPressバージョン
6.8.3
利用中のプラグイン一覧
なし
投稿済 : 20/10/2025 10:04 am
Swiperが自動で付け替える .swiper-slide-active クラスを利用し、DOMの変化を監視してアクティブスライドのテキストにアニメーションを加えれば良いのではないでしょうか？
一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。
投稿済 : 21/10/2025 10:06 pm
トピックスターター
教えていただきありがとうございます。
Swiperで動作しているという事もわかっていませんでした、動画で教えていただいた追加CSSのみですと当方の環境ではうまく表示されなかったので、もう少し自分でもチェックしてみたいと思います。
当方の確認漏れなどが原因の可能性が高いとは思っています。または、テキスト部分にカスタムHTMLの様に<img>で画像を表示しているのも原因かもしれませんので、後日シンプルな環境でチェックしてみます。
連絡がおそくなりましたがありがとうございました。
投稿済 : 29/10/2025 9:37 am