Blended - jQuery plugin

A carousel with images blended together (mask effect).

Author: Ondrej Simek


The latest version can be downloaded here, or by clonning the repository. Then just initialize blended like this:

<script type='text/javascript' src='/js/jquery.blended.js'></script>


$(document).ready(function() {
		width: 800,
		height: 333,
		mousePanning: true
<div id='slideshow'>
	<img src='photos/1.jpg'/>
	<img src='photos/2.jpg'/>

Browser compatibility

Tested in:

Doesn't work in IE!


As you can see, a lot of work to be done, feel free to fork it! :)


Thanks to Sean Klingelhoefer for permission to use these wonderful Lexus photos in the demo.