jQueryを使ってサイズ変更可能なイメージを作成する方法を知りたいです。画像のサイズを変更できるようなものです。マウスの境界線をドラッグして、画像のサイズを小さくしたり大きくしたりすることができます。サイズ変更可能なものを使用すると背景の大陸のみが大きくなりますが、画像は同じサイズになります。あなたの貴重な返信をお寄せいただきありがとうございます!イメージとサイズ変更可能なjQueryをバインドするにはどうすればいいですか?
2
A
答えて
7
:
<img id="resizebleImage" src="images/mypic.gif" width="200px"
height="135px">
jqueryの
$(function(){
$("#resizebleImage").resizable();
});
1
divコンテナまたは実際のイメージにresizableを適用していますか?
のように:構文について
$('img').resizable();
申し訳ありませんがわかりません。このような画像HTMLで
0
CSS
.container { width:130px; height:200px; }
.container img {
width:100%; /* Set to auto to preserve aspect ratio */
height:100% }
HTML:
<div class=container><img src=yourimg.jpg /></div>
JS
$('div.container').resizable()
FF
関連する問題
- 1. Javaスイングでサイズ変更可能なGUIを作成するにはどうすればよいですか?
- 2. jQuery - Chromeのmousemoveでイメージのサイズを変更するにはどうすればよいですか?
- 3. GWTでサイズ変更可能なイメージを作成するには?
- 4. イメージをフェッチする前にイメージのサイズを変更するにはどうすればよいですか?
- 5. イメージをドラッグ可能でサイズ変更可能にする
- 6. サイズ変更可能なプラグインの_alsoResize関数を拡張するにはどうすればよいですか?
- 7. サイズ変更可能な列を塗りつぶすにはどうすればよいですか?
- 8. Imageresizser - サイズ変更されたイメージをファイルに保存するにはどうすればいいですか?
- 9. libGDXデスクトップアプリケーションをサイズ変更可能にするにはどうすればよいですか?
- 10. DOM要素の高さをサイズ変更可能にするにはどうすればよいですか?
- 11. htmlテーブルの列をサイズ変更可能にするにはどうすればよいですか?
- 12. バッファリングされたイメージのサイズを変更するにはどうすればいいですか?
- 13. gwtとキャンバスでイメージのサイズを変更するにはどうすればよいですか?
- 14. イメージとテーブルのサイズを同時に変更するにはどうすればよいですか?
- 15. ウィンドウでサイズを変更するにはどうすればいいですか?
- 16. バインド可能関数とサイズ変更イベント
- 17. ウェブサイトのイメージを変更するにはどうすればいいですか?
- 18. アンドロイドでイメージをトリミングするためのサイズ変更可能な矩形を作成するにはどうすればよいですか?
- 19. ウィンドウのサイズを変更するにはどうすればいいですか?
- 20. VideoViewのサイズを変更するにはどうすればいいですか?
- 21. TensorFlowでサイズ変更されたイメージを描画するにはどうすればよいですか?
- 22. イメージはドラッグ可能ですがサイズ変更されません
- 23. 変更可能なクラスとは何ですか? C#で可変で不変のクラスを作成するにはどうすればいいですか
- 24. 含まれているコントロールが大きすぎるとスクロールバーをサイズ変更可能なパネルに表示するにはどうすればよいですか?
- 25. イメージはjqueryでアニメーションのサイズ変更とブラーを行います
- 26. サイズ変更可能な要素を持つサイズ変更可能なjQuery UIウィジェット
- 27. Javaで変更可能なオブジェクトの詳細を追跡するにはどうすればいいですか
- 28. Saxon-JS経由でイメージのサイズを変更するにはどうすればよいですか?
- 29. リスケールでサイズを変更するにはどうすればよいですか?
- 30. スクロールバーのないサイズ変更可能な背景イメージ
で動作しますので、幅に画像の高さを設定する必要があります。知っておいて良かった:) – Stefan