source:http://www.freshdesignweb.com
1. JUST SLIDER
DEMO | DOWNLOAD
2. PRESENTATION CYCLE JQUERY SLIDER
DEMO | DOWNLOAD
3. HORINAJA JQUERY SLIDESHOW IMPLEMENTATION
DEMO | DOWNLOAD
4. JQFANCYTRANSITIONS – SLIDESHOW WITH STRIP EFFECTS
DEMO | DOWNLOAD
5. EXCLUSIVE FREEBIE: THE PIECEMAKER XML GALLERY
DEMO | DOWNLOAD
6. AUTOMATIC IMAGE MONTAGE WITH JQUERY
DEMO | DOWNLOAD
7. PARALLAX SLIDER WITH JQUERY
DEMO | DOWNLOAD
8. ROTATING IMAGE SLIDER WITH JQUERY
DEMO | DOWNLOAD
9. 3D GALLERY WITH CSS3 AND JQUERY
DEMO | DOWNLOAD
10. FULLSCREEN IMAGE 3D EFFECT WITH CSS3 AND JQUERY
DEMO | DOWNLOAD
11. IMAGE ZOOM TOUR WITH JQUERY
DEMO | DOWNLOAD
12. PORTFOLIO IMAGE NAVIGATION WITH JQUERY
DEMO | DOWNLOAD
13. CONTENT ROTATOR WITH JQUERY
DEMO | DOWNLOAD
14. AWKWARD SHOWCASE – A JQUERY PLUGIN
DEMO | DOWNLOAD
15. TN3 GALLERY JQUERY IMAGE GALLERY WITH SLIDESHOW
DEMO | DOWNLOAD
16. A SLICK JQUERY IMAGE SLIDER PLUGIN
DEMO | DOWNLOAD
17. NIVO SLIDER JQUERY PLUGIN
DEMO | DOWNLOAD
18. FULLSCREEN BACKGROUND SLIDESHOW JQUERY
DEMO | DOWNLOAD
19. A BEAUTIFUL APPLE-STYLE SLIDESHOW GALLERY WITH CSS & JQUERY
Making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.
DEMO | DOWNLOAD
20.MAKING A MOSAIC SLIDESHOW WITH JQUERY & CSS
DEMO | DOWNLOAD
21. MAKING A SLICK CONTENT SLIDER
A slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin.
DEMO | DOWNLOAD
22. EASY SLIDER
DEMO | DOWNLOAD
23. ANYTHING SLIDER JQUERY PLUGIN
DEMO | DOWNLOAD
24. SIMPLE SLIDESHOW WITH TEXT DESCRIPTION
DEMO | DOWNLOAD
25. JQUERY IMAGE SLIDESHOW WITH SELECT NUMBER
DEMO | DOWNLOAD
26. JQUERY PHOTO SLIDER WITH TEXT DESCRIPTION
DEMO | DOWNLOAD
27. JQERY SLIDER MOVING BOXES
DEMO | DOWNLOAD
28. A SIMPLE JQUERY SLIDESHOW
As the first tutorial, you can take a look at this one to create a simple slideshow using jQuery, JavaScript and a bit of CSS.
DOWNLOAD
29. SLICK AND ACCESSIBLE SLIDESHOW USING JQUERY
This is an in-depth tutorial that help you to learn how to create a usable and web accessible slideshow widget for your websites using jQuery, HTML and CSS.
DOWNLOAD
30. BEAUTIFUL JQUERY SLIDER TUTORIAL
As a jQuery tutorial, this item would be really helpful when you need to create a beautiful jQuery sliders with image description and names.
DEMO | DOWNLOAD
31. JQUERY SLIDESHOW EXPLAINED
DEMO | DOWNLOAD
32. IMAGE FLOW
In fact Image Flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.
DEMO | DOWNLOAD
33. SCROLLEROTA JQUERY PLUGIN WITH TEXT DESCRIPTION
DEMO | DOWNLOAD
34. THE SLIDORION IMAGES SLIDESHOW
A combination of an image slider and an accordion, the slidorion displays beautiful images along with a variable length description. With images linked to each tab, and accompanied by a large array of effects, the slidorion is a great alternative to the traditional jQuery slider.
DEMO | DOWNLOAD
35. CREATE AN IMAGE ROTATOR WITH DESCRIPTION (CSS/JQUERY)
DEMO | DOWNLOAD
36. ANIMATE PANNING SLIDESHOW WITH JQUERY
The makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.
DEMO | DOWNLOAD
37.CODA SLIDER EFFECT
DEMO
38.CREATE FEATURED CONTENT SLIDER USING JQUERY UI
Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back.
DEMO | DOWNLOAD
39.MAKING A CONTENT SLIDER WITH JQUERY UI
Using the jQuery UI slider widget to create an attractive and functional content slide
DEMO | DOWNLOAD
40. START/STOP SLIDER
The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left.
41. FULLSCREEN SLIT SLIDER WITH JQUERY AND CSS3
In this tutorial focus on a full screen presentation with a twist: we will cut the current slide open to reveal the next or previous slide. Using different data-attributes, we define the angle of rotation type and extent of the parts of a slide, giving us the opportunity to create unique effects of each slide transition.
DEMO | DOWNLOAD
42. PARALLAX CONTENT SLIDER WITH CSS3 AND JQUERY
Here is a simple cursor parallax content with you. Use CSS animations, we will control the animation of each element in the cursor and create a parallax effect to animate the background of the cursor itself.
DEMO | DOWNLOAD
43. FLUID CSS3 SLIDESHOW WITH PARALLAX EFFECT
In this tutorial, we’re going to create a presentation with a parallax effect with the help of some CSS3 properties. We will use radio buttons and joysticks to control siblings that flow is shown.
DEMO | DOWNLOAD
44. AUDIO SLIDESHOW WITH JPLAYER
Here is an audio presentation with you, that is, a presentation that is synchronized with a little ‘sound. We are using the open source framework jPlayer audio.
DEMO | DOWNLOAD
45. FULLSCREEN BACKGROUND IMAGE SLIDESHOW WITH CSS3
This is a CSS-only slideshow in full screen background image. We create transitions between images and also do a title displayed using CSS animations.
DEMO | DOWNLOAD
46. SLIDESHOW WITH JMPRESS.JS
Here is a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects to your slides.
DEMO | DOWNLOAD
47. FAST HOVER SLIDESHOW WITH CSS3
This is a new small fast-running slideshow of images that play on rollover and stops when mousing out. The current image will remain visible.
DEMO | DOWNLOAD
48. IMAGE ACCORDION WITH CSS3
Here is an accordion image that will expand on an item click. Using peers and combiners a nested structure of elements we can control the opening slides with radio buttons.
DEMO | DOWNLOAD
49. SLIDING IMAGE PANELS WITH CSS3
Here is a sliding panel Neat Image with CSS alone. The idea is to use background images for the panels and animate when you click on a label. We will use radio buttons with labels and target the respective panels with the general sibling selector.
DEMO | DOWNLOAD
50. JQUERY RETINA PLUGIN FOR IMAGE SLIDER
The retinal images are not optimized look blown up and fuzzy on retinal devices. At the moment, this is only the new iPad (aka iPad 3), iPhone 4 and 4S. However, more and more devices will soon be activated retina, from Android and Windows Mobile, OSX and Windows desktops.
DEMO | DOWNLOAD
51. SKITTER JQUERY FOR IMAGE SLIDESHOW
DEMO | DOWNLOAD
52. A TOUCH OPTIMIZED GALLERY PLUGIN
This is a jQuery plugin that transforms a collection of photos on a web page into a touch-friendly furniture gallery. It runs on all major browsers (except for IE7 and below) and, especially, is specifically designed with iPhone OS and Android in mind
DEMO | DOWNLOAD
53. FLEXSLIDER – RESPONSIVE JQUERY SLIDER PLUGIN
FlexSlider is an responsive, fully compliant plug-in jQuery slider. In other words, it is resized to fit the screen that appears, and looks good doing it.
DEMO | DOWNLOAD
54. BLUEBERRY JQUERY IMAGE SLIDER
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
DOWNLOAD
55. JQUERY RESPONSIVE THUMBNAIL GALLERY PLUGIN
jQuery Plugin for creating image galleries that scale to fit their container.
DOWNLOAD
56. IMAGE GALLERY SLIDER FOR MOBILE AND TOUCH DEVICES
PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices such as iPhone, iPad, Android, Blackberry 6 and Desktop all supported.
DEMO | DOWNLOAD
57. WMUSLIDER JQUERY RESPONSIVE SLIDER
Here is a responsive cursor on the homepage. Please keep in mind that it is still very rough (really) and under the MIT license, which basically means: break it, steal it, but the stuff IS PROVIDED “AS IS”!
DOWNLOAD
58. RESPONSIVE JQUERY SLIDESHOW PLUGIN V1.32
ResponsiveSlides.js is a jQuery plugin that creates a small slider using sensitive list items inside <ul>. It works with a wide range of browsers including all versions of IE to IE6 and above. It also adds support for CSS max-width for IE6 and other browsers that do not support it natively.
DOWNLOAD
59. DIV SCROLL SMOOTH JQUERY SLIDESHOW PLUGIN
Div Scroll Smooth is a jQuery plugin that content flowing horizontally to the left or right. In addition to many other plugins scroll that was written for jQuery Smooth Div Scroll does not limit the scrolling stages. As the name hints plugin, scrolling is smooth.