by jQuery

New FancyMoves Jquery Product Slider

FancyMoves is a great slider to show off services, products, or whatever you can dream up. The main image is enlarged to attract your focus. There are three ways to navigate to the next / last item: using your keyboard arrows, using the left and right arrows on the sides of the slider, or simply clicking on the next or last item in the slider.

FancyMoves, a new jQuery Product slider for your website or blog. This slider is built off the Moving Boxes slider, with FancyBox for expanding images.

Slider features:

  • Images shrink as they leave the slider
  • Keyboard Navigation
    (use your keyboard arrows to move to the last / next product)
  • Click on images to navigate
  • CSS opacity for rollover effect on buttons
  • FancyBox built in for expanding images
    (left / right buttons on rollover for other image views)

FancyBox is built in so you can have images enlarge with an overlay effect on the screen. Hovering over the enlarged photo shows arrows, allowing you to navigate to other images within the group. Any of the FancyBox features can be added to the code of course, for different effects including: speed, overlay styles, expanding transitions, etc.

This slider is brought to you for free thanks to good old open source on the web. If you use it, shoot me a message and I’ll link your site here for others to see.

Download FancyMoves jQuery Product Slider

Requirement: jQuery
Demo:
http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/index.html
Download: http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/FancyMoves.zip


Advertisements
 
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

Trackbacks to this post.
Leave a Reply

Copyright © 2014 Design Blog. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us