jquery tweets

by Timmy Willison

HTML

<img src="http://www.cbloom.com/3d/gamma_test_image.gif" id="image1">
<div id="writehere"></div>

CSS

img {
    width: 300px;
    height: 400px;
    position: absolute;
    clip: rect(0px 300px 100px 0px);
}
#image2 {
    left: 400px;
}
#writehere {
    position: absolute;
    top: 420px;
}

JavaScript

var clipwidth =  300;
var clipheight = 100;
$('#writehere').html('height with .height() = '
  + $('#image1').height()+'px <br>'
  + 'height with .prop(\'height\') = '
  + $('#image1').prop('height')+'px <br>'
  + 'height with .css(\'height\') = '
  + $('#image1').css('height'));