ブラウザのビューポートに基づいて画像のサイズを変更してトリミングできるようにするには、自分のサイトが必要です。私はそれまでイメージマップを使って動的にサイズを変更することができましたが、動的にトリミングするようなことはできません。画像を歪ませることなく同時に作ったり、スケールしたりしたいです。私が使用している画像は1920x1080です。これはほとんどのブラウザよりもはるかに大きいので、スケーリングしている間にエッジを切り取ると、ブラウザによっては同じように見えます。ウェブサイトで画像を動的にトリミング/拡大する方法
答えて
私はこのjQueryプラグインをかなり頻繁に使います。 :) http://srobbin.com/blog/jquery-plugins/jquery-backstretch/
これは私がすでに分かっているものと非常によく似ています。サイズを変更しますが、トリミングはありません。私はhtmlのイメージマップで大きな画像を使用していると一緒にサイズを変更するためにそれらの両方を得ることができますが、私も均等にそれをトリミングしたいと思います。あなたがビューポートのサイズに応じてトリミングしたい情報の980pxボックスの左右にかなり大きな領域があります – user1238913
リンクがありますか?私はあなたがしようとしていることを視覚化するのに苦労しています。 – jonathanbell
何とかビューポートサイズを検出できるようです。イメージをトリミングするには、CSSまたはJavaScriptが必要です。その場合は、私がこの記事をお勧めします:
http://cssglobe.com/post/6089/3-easy-and-fast-css-techniques-for-faux-image
あなたは可能性があり
1)負のマージンを使用してください。 2)イメージをスマートな方法で絶対的に配置します。 3)CSSクリッププロパティを使用します。
パーフェクト、ありがとう。私はonResizeとそれを交差させ、それに少しの数学を投げなければならないだろうが、それはうまくいくはずだ! – user1238913
- 1. PILで画像を自動トリミングする
- 2. Android - 画像の一部を円形に拡大/拡大する方法は?
- 3. ピクチャボックス内の拡大画像のフォントサイズを自動的に変更
- 4. 画像を拡大する
- 5. 画像を拡大する
- 6. 画像をトリミングする方法/画像をアップロードする前にユーザーから画像をプレビューする方法は?
- 7. 画像を拡大画像にパック
- 8. c#画像を自動トリミングする
- 9. CSSで画像を拡大/縮小する方法
- 10. jqueryで画像を拡大/縮小する方法
- 11. Djangoで画像を拡大する方法
- 12. 自動トリミングする画像ライブラリ
- 13. モバイルバックグラウンド画像拡大
- 14. トリミング後の画像のアップロード方法は?
- 15. IEで画像を拡大する
- 16. Android:クリックで画像を拡大する
- 17. dvで画像を拡大する
- 18. Windowsストアアプリで画像を拡大する
- 19. iOSでウェブ画像を拡大する
- 20. HTML5キャンバスで画像を拡大する
- 21. PrimeFacesで画像を拡大する
- 22. アンドロイドで画像を拡大する
- 23. 画像を中央に拡大する
- 24. 明示的に画像をトリミングしてアップロードする最良の方法は?
- 25. 返信方法でjavaで画像を拡大
- 26. 寸法を知らずに画像を比例的に拡大する
- 27. Flex/Actionscriptを使用して画像を全画面に拡大する方法
- 28. 2つの画像を使用して1つの画像ビューで画像を拡大/縮小する方法
- 29. Xlibで画像を遠くに拡大
- 30. 添付画像をアンドロイドでトリミングする方法は?
この画像をどのように使用する予定ですか?サイトの背景として? DIVで? –
基本的には、「リンク」がアクティブになるようにサイトをイメージマップに分割して、サイトをどのように見たいかをフォトショップで確認した画像です。私はちょうど良いサイズにそれを得ることができますが、私は高解像度の画面を持つものに対応するために、左右に大きな境界を残しました。標準的な人のために、私は端が切り取られる必要があります。 – user1238913