JavaScriptやCSSにイメージのサイズを変更してイメージが拡大するオプションがありますか?マウスオーバーで画像の中心が同じになるようにしますか?マウスオーバーで各サイトに画像のサイズを変更するにはどうすればよいですか?
1
A
答えて
1
画像を水平と垂直の中心に合わせる必要があります。これは、display: table-cell
、text-align: center
、およびvertical-align: middle
の画像にラッパーdivを使用してから、:hover
の画像にいくつかの余分なスタイルを適用して行うことができます。
は、例えば、このフィドルを参照してください。むしろdisplay: table-cell
を使用するよりもhttp://jsfiddle.net/jblasco/6qVnB/
必要に応じて、手動でホバー上の画像を再配置するために、いくつかの余白やposition: relative
とtop
の組み合わせを見つけ出すことができます。このソリューションを使用して
例:スムーズな効果についてはhttp://jsfiddle.net/jblasco/fvqzR/2/
0
私は、これはイメージが徐々に成長し、まっすぐ進むhover
よりもはるかにエレガントな効果を与えることを可能にする、Modernizrと組み合わせCSS3 transitions and transformations (see the section "2. Animating your Transforms"を組み込むことをお勧めします。
私が使用するCSS3の効果が、JavaScriptでサポートされていなくても、あなたが探しているソリューションの範囲内に収まるようにしても、すべてのブラウザで一貫性を保つことができるよう、Modernizrを使用します。
私はこれがあなたを助けてくれることを願っています。
関連する問題
- 1. 外部サイトの画像サイズを変更するにはどうすればよいですか?
- 2. マウスオーバー後にYouTubeプレーヤーのサイズを変更するにはどうすればよいですか?
- 3. デジタルカメラで撮影した画像をアップロード/サイズ変更するにはどうすればよいですか?
- 4. ボタン内の画像のサイズを変更するにはどうすればよいですか?
- 5. セル内の画像の表示サイズを変更するにはどうすればよいですか?
- 6. デフォルトの画像アプリケーションを自分の画像に変更するにはどうすればよいですか?
- 7. ギャラリーの画像サイズを変更するにはどうすればよいですか?
- 8. サイズを変更した後、別のウィンドウで画像を開くにはどうすればよいですか?
- 9. サイズ変更時に画像をpictureboxに配置するにはどうすればいいですか?
- 10. IEでCSSのサイズを変更して画像のサイズを変更するにはどうすればよいですか?
- 11. 解像度に基づいてコントロールのサイズを変更するにはどうすればよいですか?
- 12. サムネイルに高解像度の写真のサイズを変更するにはどうすればよいですか?
- 13. TensorFlowでサイズ変更されたイメージを描画するにはどうすればよいですか?
- 14. 大きな画像のサイズを変更し、UIButtonにすばやく収まるようにするにはどうすればよいですか?
- 15. アップロードされている画像の名前を変更するにはどうすればよいですか?
- 16. イメージのマウスオーバーでハイパーリンクの色を変更するにはどうすればよいですか?
- 17. イメージマップのマウスオーバー時にハイパーリンクの色プロパティを変更するにはどうすればよいですか?
- 18. フレックス3:テキスト入力のマウスオーバー時にマウスカーソルを変更するにはどうすればよいですか?
- 19. サイズ変更中にdivの下部に画像が表示されるようにするにはどうすればよいですか?
- 20. アンドロイドで画像の明るさを変更するにはどうすればよいですか?
- 21. 角のGoogleマップでマーカークラスターのアイコン画像を変更するにはどうすればよいですか?
- 22. ウィンドウのサイズ変更時にng-classを変更するにはどうすればよいですか?
- 23. 画面のウィンドウのサイズを変更するにはどうすればよいですか?
- 24. ImageViewのサイズを画像のトリミング枠のようにコーナーからドラッグして動的に変更するにはどうすればよいですか?
- 25. sanbox.paypalサイトをdjango-merchantのpaypalサイトに変更するにはどうすればよいですか?
- 26. WPFでホバーオーバーで画像を変更するにはどうすればよいですか?
- 27. Xcodeインタフェースビルダで作成したボタンの画像を変更するにはどうすればよいですか?
- 28. Android - タブでテキストと画像のデフォルト位置を変更するにはどうすればよいですか?
- 29. プログラムで画像ビューのズームスケールを変更するにはどうすればよいですか?
- 30. tabBarスウィフトで項目や画像の色を変更するにはどうすればよいですか?
mhnmは素晴らしいです:)ありがとう – destiny