Google Image Expanded Preview

🌟 アスペクト比を維持したまま、画面の縦横どちらか限界まで画像を拡大表示するロジックを組んでいます。 - 拡大表示モードで、細部まで画像を楽しむことができます。 mutationobserverの活用: - 状態の永続化: - 📝 拡大アイコン 2. クラスを付与することで、google純正のuiアニメーションとの干渉を防いでいます。 - アスペクト比の維持: 4. こだわりポイント（技術詳細） 3. `chrome.storage.local` 既存の操作ボタン群に「拡大/縮小」ボタンを自動で追加。ワンクリックで切り替え可能です。 - google画像検索で好きなワードを検索します。 右側に小さく表示されるプレビューを、画面いっぱいのダイナミックなサイズに拡張します。 主な機能 アニメーション時のみ一時的に スマート・レスポンシブ: シームレスなトグル: をクリックしてください。 拡大表示プレビュー: 操作パネル（「前の画像」「次の画像」ボタンの並び）に追加された - 表示状態の記憶: を使用し、ユーザーの好みの表示モードをブラウザを閉じても維持するように設計しました。 拡大表示に合わせて、関連画像リストも画面幅いっぱいに最適化されたグリッド表示（タイル状）に再配置されます。 - 使い方 🛠 拡大・縮小時に滑らかなトランジションを適用し、心地よい操作感を実現しました。 拡大・縮小の状態をブラウザに保存します。一度「拡大表示」にすれば、次に画像を開いた際も自動的に拡大された状態で表示されます。 低干渉設計: 任意の画像をクリックしてプレビューを表示します。 pc版google画像検索のプレビュー画面（サイドパネル）を、スマートフォン版のような没入感のある拡大表示に拡張するchrome拡張機能です。 googleの動的な要素生成を監視し、画像が切り替わるたびに自動でボタンを再配置します。 5. 1. 一度モードを選択すれば、その設定は保存され、他の画像を見る際も維持されます。 `transition` スムーズなアニメーション: - -