Focusing Demo

This demo shows how to use jQuery Fillmore to specifify the desired focus of a photo.

Original Image (Scaled Down)

Vertical Without Focusing

Horizontal Without Focusing

Vertical With Focusing

Horizontal With Focusing


<script src="../lib/jquery-1.7.1.min.js"></script>
<script src="../jquery.fillmore.js"></script>
<script>
	$('.fillmored.focus').fillmore( {
		src: "pot-holder.jpg"
		focusX: 75,  // a number between 1 and 100, starting from left
		focusY: 16   // ditto, starting from top
	} );
</script>