$("

", {

    src: image_url,
    alt: image_description,
    className: "translucent_image",
    click: function() { $(this).css("opacity", "50%"); }
});

// Shrink the height of all images to 0

$("img").animate({ height: 0 });

$("#sprite").animate({
    opacity: .25,      // Animate opacity to .25
    font-size: 10      // Animate font size to 10 pixels
}, {
    duration: 500,     // Animation lasts 1/2 second
    complete: function() {    // Call this when done
        this.text("Goodbye"); // Change element text.
    } 
});

$("p").animate({
    "margin-left": "+=.5in", // Increase indent
    opacity: "-=.1"          // And decrease opacity
});

// Hide images, as with the hide() method, but animate
// the image size linearly while the opacity is being
// animated with the default "swing" easing function.

// Use the specialEasing option
$("img").animate({
                    width:"hide",
                    height:"hide",
                    opacity:"hide"
                 },{
                    specialEasing: {
                       width: "linear",
                       height: "linear"
                    }
                 });

// Or pass [target value, easing function] arrays
$("img").animate({
    width: ["hide", "linear"],
    height: ["hide", "linear"],
    opacity:"hide"
});