A simple slideshow with tilted thumbnails and large titles that animate when navigating. So the main idea is to animate the tilted thumbnails out of the viewport when navigating to the next or previous slide. While the thumbnails move out, the titles get animated too, in that reveal/unreveal fashion that seems to be quite trendy now. The direction of the motion depends on whether we’re navigating back or forth.
Best jQuery Slider Plugins & Tutorials with Demo
Draggable Image Strip with TweenMax
A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.. The idea is to show a strip of differently sized images that can be dragged. When clicking and holding to drag, a title element appears and the images get scaled. This separates the images and gives the whole thing an interesting look. When a number gets clicked, the same separation happens and then the images fly up. Another larger version of the images slides in from the bottom.
Slideshow with Animated Circular Navigation
A fullscreen, responsive slideshow with animated circular navigation. Depending on the thumbnail angle, circular navigation will rotate toward a certain direction.
In this article, I will show you how to create a fullscreen, responsive slideshow with animated circular navigation as well as how to easily make letter animations with the help of CSS3, jQuery and GSAP’s TweenMax, TextPlugin and CSSPlugin.
FormSlider : Logical Slide Form Pages with jQuery
This jquery.formslider integrates a modified Flexslider with logical slide pages that can have features and behaviors provided by plugins.
The main goal is to have different actions triggered depending on what type the actual slide page is. You can stop going forward when a formula is invalid for example.
The Library is very small, performance optimized, full responsive and touch capable. You can easily write you own plugins and implement custom slide behavior.
Crossroads Slideshow with CSS & TweenMax
Today we’d like to share an experimental slideshow with you. The main idea is to show three slides of a slideshow that is slightly rotated. The titles of each slide, which serve as a decorative element, overlay the images and are rotated in an opposing angle. This creates an interesting look, especially when animated. When clicking on one of the lateral slides, the whole thing moves, and when we click on the middle slide, we move everything up and reveal a content area.The animations are powered by TweenMax.
jQuery slideshow plugin with subtle Ken Burns effect : Subtle-Slideshow
A jQuery slideshow plugin (haha yes another one) with a subtle Ken Burns effect using CSS3 animations. It has no controls or anything fancy like that, just some tasteful animation and transition effects, which you can customize. The slides can contain anything you want (images, videos, etc.), but images are best supported. On this demo page you can see an example of what it can look like.
Search Tutorial or Plugin
Follow Us with 350,000+ Followers
jQuery Categories
- Accordion (46)
- Ajax (346)
- Animation (1,126)
- Bootstrap (259)
- Calendar (61)
- Carousel (105)
- Chart & Graph (126)
- Core Java Script (1,088)
- CSS2 / CSS3.0 (1,358)
- Drag & Drop (190)
- Events (78)
- Forms (564)
- Gallery (571)
- Games (47)
- HTML5 (486)
- Image Effects (210)
- jQuery Mobile (52)
- jQuery UI (77)
- jSON (188)
- Layout (45)
- Maps (105)
- Menus (544)
- Other API (270)
- Other Libraries (15)
- PHP (241)
- Plugins (3,921)
- Popup Window (372)
- Premium (791)
- Responsive (615)
- Slider (477)
- SVG Tutorial (186)
- Tables (165)
- Tabs (103)
- Text Effect (204)
- Uncategorized (1)
- Video & Audio (197)
- Web (826)
- Wordpress (59)
- XML (31)
- Zoom (101)
Popular Blog Post
- 10+ Cryptocurrency Realtime Price Scripts with PHP
- 15+ Inventory & Stock Management script in PHP
- 15+ Live Chat script in PHP
- 10+ WordPress Coupon Selling Themes
- 10+ Jobs Classified Scripts in PHP
- 20+ Best MySQL GUI Tools
- 30+ Restaurant and Cafe Templates & Themes
- 15+ PHP Classified Ads Scripts with Example
- 25+ Bootstrap UI Editors
- 10+ Best JavaScript Frameworks 2017
- 10+ Hotel Management Scripts in PHP
- 30+ Best Frameworks For Native Mobile App Development
- 10+ Dating Script in PHP
- 15+ Flexbox Grid CSS Framework
- 50+ Free Boostrap Admin Dashboard Templates 2017
- 15+ Best PHP Frameworks MVC for Developers
- 50+ Music Templates and Themes in HTML
- 40+ Wireframe Tools & Online Mockup Websites
Best jQuery Plugins 2020 – 2019
- jQuery Plugins of July 2020
- jQuery Plugins of June 2020
- jQuery Plugins of May 2020
- jQuery Plugins of April 2020
- jQuery Plugins of March 2020
- jQuery Plugins of February 2020
- jQuery Plugins of January 2020
- jQuery Plugins of December 2019
- jQuery Plugins of November 2019
- jQuery Plugins of October 2019
- jQuery Plugins of September 2019
- jQuery Plugins of August 2019
- jQuery Plugins of July 2019