タッチによる画像拡大
 
通知
すべてクリア

[解決済] タッチによる画像拡大

5 投稿
2 ユーザー
0 Reactions
26 表示
yuukun
(@yuukun)
投稿: 30
Eminent Member
トピックスターター
 

今投稿した記事に3カラムで画像を表示してるんですけど、

スマホでタッチしたときに画像が拡大する設定のon/offを切り替える設定を作ってほしいです。

 

設定項目には、

・背景色の設定(白/黒)

・背景色の透過度(0~100%)

・拡大・縮小にかかる時間(0ms~)

・画面に対してどの程度拡大するか(~100%)

 

とりあえずこの辺が欲しいです。

 

動作の仕様はシンプルに、

「タッチした画像が中央に、拡大しながら、指定した背景色に同時アニメーション」

ページ遷移や新しいタブで開いたりはしないでほしいです。

再度タップにより元サイズに戻る仕様か、

画面右上の「×ボタン」または余白部分をタップすることで元サイズに戻る仕様が良いかと思います。

レスポンスが良く、連続でタップしてもスムーズに切り替わるような操作性の良いものに仕上がるとうれしいです。

 

設定項目に関しては正直まどろっこしいのでなくてもいいです。

「白背景、軽く透過、0.3ms程度、80%程度」がいいかなと思います。(参考になりそうなのあればURL持ってきます)

 

ご検討お願いします。

XWRITEバージョン
2.8.7.1
WordPressバージョン
6.7.1
PHPバージョン
8.2.22
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
 
投稿済 : 2024年11月29日 9:55 AM
yuukun
(@yuukun)
投稿: 30
Eminent Member
トピックスターター
 

この記事中の画像をタップしてもらえばイメージが伝わるかと思います。

https://mig60.net/2024/04/24/backpack_class/

 

PC、スマホでの動作ともにまさしくこれといった動きです。

特にスマホでの動作は完璧です。

同じような仕様にて実装してもらえるとうれしいです。

 
投稿済 : 2024年11月29日 10:12 AM
ito_h
(@ito_h)
投稿: 455
Honorable Member Moderator
 

@yuukun さま

ご要望いただきありがとうございます 😊 

 

以下のWordPressの機能を利用することで、同じ動きにできるかと思います。

一度ご要望通りにものになるかご確認いただけますでしょうか?

 

1. 「画像ブロック」を挿入し、画像を指定する

2. ツールバーのリンクアイコンを選択

3. 「クリックで拡大」を選択し、記事を保存する

 

以上となります。

お手数ではございますが、ご確認いただけますと幸いです。

 
投稿済 : 2024年11月29日 9:23 PM
yuukun
(@yuukun)
投稿: 30
Eminent Member
トピックスターター
 

@ito_h

ほんとだできましたありがとうございます!

 
投稿済 : 2024年11月29日 10:24 PM
ito_h
(@ito_h)
投稿: 455
Honorable Member Moderator
 

ご確認いただきありがとうございました。

解決済みのため、こちらのトピックはクローズとさせていただきます。

 
投稿済 : 2024年12月2日 2:45 PM
共有: