Skip to main content

Search and Top Navigation

Ticket #4951: jquery_resizable_aspect_and_maxwidth.html

File jquery_resizable_aspect_and_maxwidth.html, 1.2 KB (added by DEfusion, November 11, 2009 02:38PM UTC)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="en" lang="en">
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" href="" type="text/css" media="all" />
	<style type="text/css">
		body { background-color: #1a1a1a; color: #fff; }
		.ui-resizable-se {
			background-color: red;
			cursor: se-resize;
	<script src="" type="text/javascript"></script>
	<script src="" type="text/javascript"></script>
	<script type="text/javascript">
		$(function() {
				aspectRatio: true,
				maxWidth: 500
				aspectRatio: true,
				maxHeight: 150
	<h4>Max Width</h4>
	<img id="testImg" src="" />
	<h4>Max Height</h4>
	<img id="testImg2" src="" />

Download in other formats:

Original Format