Ian Tearle
  • About
  •  
  • Blog
  •  
  • Contact

Projects

jQuery iSkip

iSkip the latest jQuery project from the project factory. If you are a mac user, then you have seen this effect before, use iPhoto and browse the events, then this effect is the same as moving your mouse over each event container and seeing the photos inside.

This project is born from a by chance trial and error, at first I was writing a plugin to spin an image, for the floorfillers.fm project, so I could give the effect of a spinning CD.
Instead my plugin took a move in a different direction and you can now display photos by moving your mouse over the key photo.

Unfortunately Flickr is a little slow to take a feed from the site using the API, and you get a very slow call back in the images changing. Locally however, speed is good and you get a very instant response.

Simply add your images into an array and call the array with the following method:

$("#mousemove").iskip({#{images:array, method:'mousemove', 'cycle':3}#});

There are to functionalities, mousemove and click to advance the images.

I am still editing the script, and am trying to add the functionality for individual images to have a link attached to them on the scroll.

26 Jun
4:42
∞
jQuery iSkip

0 Comments

There are no comments on this entry. You should add one.
 

No HTML is allowed. All links and new lines will be automagically converted to HTML for you.

Comment form

  • Reinvigorate Site Statistics  
  • Media Temple Hosting  
  • Hire Me Need a Web Designer?  
  • Made on a Mac MacBook Pro 15"  

In partnership with (mt) Media Temple

Great Designers I know.

  • Rita Cruz
  • Garrett Murray
  • Ryan Miglavs

Copyright © 2010 Ian Tearle. All Rights Reserved. Powered By Expanse

Icons used and inspired from the icon expert at Komodo Media