jquery tweets

HTML

<script src="http://riftdb.1.vg/clip.js"></script>
<img src="http://www.cbloom.com/3d/gamma_test_image.gif" id="image1"></src>
<img src="http://www.cbloom.com/3d/gamma_test_image.gif" id="image2"></src>
<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;

$('#image1').animate({clip:'rect('+String($('#image1').height()-clipheight)+'px '+String(clipwidth)+'px '+String($('#image1').height())+'px 0px)'},2000,'linear');
$('#image2').animate({clip:'rect('+String($('#image2').attr('height')-clipheight)+'px '+String(clipwidth)+'px '+String($('#image2').attr('height'))+'px 0px)'},2000,'linear');
$('#image1').ready( function() {
    $('#writehere').html('height with .height() = '+String($('#image1').height())+'px <br>'+
                         'height with .attr(\'height\') = '+String($('#image1').attr('height'))+'px'); 
});