今投稿した記事に3カラムで画像を表示してるんですけど、
スマホでタッチしたときに画像が拡大する設定のon/offを切り替える設定を作ってほしいです。
設定項目には、
・背景色の設定(白/黒)
・背景色の透過度(0~100%)
・拡大・縮小にかかる時間(0ms~)
・画面に対してどの程度拡大するか(~100%)
とりあえずこの辺が欲しいです。
動作の仕様はシンプルに、
「タッチした画像が中央に、拡大しながら、指定した背景色に同時アニメーション」
ページ遷移や新しいタブで開いたりはしないでほしいです。
再度タップにより元サイズに戻る仕様か、
画面右上の「×ボタン」または余白部分をタップすることで元サイズに戻る仕様が良いかと思います。
レスポンスが良く、連続でタップしてもスムーズに切り替わるような操作性の良いものに仕上がるとうれしいです。
設定項目に関しては正直まどろっこしいのでなくてもいいです。
「白背景、軽く透過、0.3ms程度、80%程度」がいいかなと思います。(参考になりそうなのあればURL持ってきます)
ご検討お願いします。
この記事中の画像をタップしてもらえばイメージが伝わるかと思います。
https://mig60.net/2024/04/24/backpack_class/
PC、スマホでの動作ともにまさしくこれといった動きです。
特にスマホでの動作は完璧です。
同じような仕様にて実装してもらえるとうれしいです。
@yuukun さま
ご要望いただきありがとうございます 😊
以下のWordPressの機能を利用することで、同じ動きにできるかと思います。
一度ご要望通りにものになるかご確認いただけますでしょうか?
1. 「画像ブロック」を挿入し、画像を指定する
2. ツールバーのリンクアイコンを選択
3. 「クリックで拡大」を選択し、記事を保存する
以上となります。
お手数ではございますが、ご確認いただけますと幸いです。
ご確認いただきありがとうございました。
解決済みのため、こちらのトピックはクローズとさせていただきます。