latex/script.js

$(function()
{
	$('button').click(getImage);
});

function getImage(event)
{

	var params = 
		{
			bg: $('#bg').val(),
			fg: $('#fg').val(),
			s: $('#s').val(),
			latex: $('#latex').val(),
		};
	
	var image = $(new Image())
		.attr(
			{
				alt: params.latex,
				title: params.latex,
				src: 'http://s.wordpress.com/latex.php?' + $.param(params),
			})
		.load(imageLoaded);
	
	$('<div>')
		.append(image)
		.prependTo('#output')
		.hide();
	
}

function imageLoaded()
{
	$(this)
		.closest('div')
		.slideDown();
}