Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
メインビジュアルのズームインの速度を速...
 
通知
すべてクリア

メインビジュアルのズームインの速度を速くしたい。

4 投稿
2 ユーザー
3 Likes
1,032 表示
もす
(@mosu)
投稿: 2
メンバー
Topic starter
 

いつもお世話になっております。

すみませんが、質問させていただきます。

メインビジュアルのスライド画像のズームインの速度を速くすることは可能でしょうか?

CSSをいじれば、できますでしょうか?

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.4.1
利用中のPHPバージョン
7.4.33
OS
Windows
利用中のWordPressバージョン
6.2
利用中のサーバー会社
Xサーバー
ブラウザ
Chrome
利用中のプラグイン一覧

Really Simple SSL (v.6.2.2)

 
投稿済 : 30/03/2023 10:14 pm
しらこ
(@96ssbike)
投稿: 913
メンバー
 

SWELLのメインビジュアルはSwiperを使っているのですが、確かズームインの速度は、カスタマイザー>トップページ>メインビジュアルの「スライドの切り替わり速度」で調節できたと思います。

ただ、これを変えると確か画像の切り替わり自体も速くなったと思います。

了さんの記事ですが、Swiperのズームインの速度について言及されているブログ記事を参考にしました。

参考: https://wemo.tech/2961

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 31/03/2023 9:25 pm
もす reacted
もす
(@mosu)
投稿: 2
メンバー
Topic starter
 

@96ssbike 

しらこさん、大変ありがとうございます!!!

Swiperというものなのですね💡

リンクの内容など参考にさせていただき、

@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.65);
}
}

こんな感じのCSSを追加CSSに入れましたら、無事速度が速くなりました。

また、もっと速くズームインしたいときは、1.65の数字を上げていけばよいことも、今後同じことで悩む方がもしいらっしゃった時のために共有させていただきます。

本当に助かりました、ありがとうございましたm(__)m

 
投稿済 : 01/04/2023 12:14 am
しらこ reacted
しらこ
(@96ssbike)
投稿: 913
メンバー
 

@mosu さん、スケールの拡大率を変えれば、たしかに速くなりますね。そちらを見落としていました!
ご共有ありがとうございます。そして、解決して良かったです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 01/04/2023 11:52 am
もす reacted
共有: