Focusing Demo

This demo shows how to use jQuery Fillmore to specifify the desired focus of a photo. This demo disables the CSS3 implementation, which is normally used if your browser supports it.

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",
		noCss3: true,  // disable CSS3 implementation, even if the browser supports it
		focusX: 75,  // a number between 1 and 100, starting from left
		focusY: 16   // ditto, starting from top
	} );
</script>