jquery slider with preview. Responsive slider using jQuery

Time does not stand still and with it progress. This also affected the Internet. You can already see how the appearance of websites is changing; adaptive design is especially popular. And in this regard, quite a few new ones have appeared adaptive jquery sliders, galleries, carousels or similar plugins.
1. Responsive Horizontal Posts Slider

Adaptive horizontal carousel with detailed installation instructions. It is made in a simple style, but you can style it to suit yourself.

2. Slider on Glide.js

This slider is suitable for any website. It uses open source Glide.js. The slider colors can be easily changed.

3. Tilted Content Slideshow

Responsive content slider. The highlight of this slider is the 3D effect of the images, as well as different animations of random appearance.

4. Slider using HTML5 canvas

A very beautiful and impressive slider with interactive particles. It was made using HTML5 canvas,

5. Image Morphing Slider

Slider with a morphing effect (Smooth transformation from one object to another). In this example, the slider is well suited for the portfolio of a web developer or web studio in the form of a portfolio.

6. Circular slider

Slider in the form of a circle with the effect of flipping the image.

7. Slider with blurred background

Adaptive slider with switching and background blur.

8. Responsive fashion slider

Simple, lightweight and responsive website slider.

9. Slicebox - jQuery 3D image slider(UPDATED)

Updated version of Slicebox slider with fixes and new features.

10.Free Animated Responsive Image Grid

JQuery plugin to create a flexible image grid that will switch shots using different animations and timings. This can look good as a background or decorative element on a website, as we can selectively appear new images and their transitions. The plugin comes in several versions.

11.Flex slider

A universal free plugin for your website. This plugin comes in several slider and carousel options.

12. Photo frame

Fotorama is a universal plugin. It has many settings, everything works quickly and easily, and you can view slides in full screen. The slider can be used both in a fixed size and adaptive, with or without thumbnails, with or without circular scrolling, and much more.

P.S.I installed the slider several times and I think that it is one of the best

13. Free and adaptive 3D slider gallery with thumbnails.

Experimental gallery slider 3DPanelLayout with a grid and interesting animation effects.

14. Slider on css3

The adaptive slider is made using css3 with smooth appearance of content and light animation.

15. WOW Slider

WOW Slider is an image slider with amazing visual effects.

17. Elastic

Elastic slider with full responsiveness and slide thumbnails.

18. Slit

This is a full screen responsive slider using css3 animation. The slider is made in two versions. The animation is done quite unusually and beautifully.

19. Adaptive photo gallery plus

A simple free gallery slider with image loading.

20. Responsive Slider for WordPress

Adaptive free slider for WP.

21. Parallax Content Slider

Slider with parallax effect and control of each element using CSS3.

22. Slider with music link

Slider using JPlayer open source code. This slider resembles a presentation with music.

23. Slider with jmpress.js

The responsive slider is based on jmpress.js and will therefore allow you to add some interesting 3D effects to your slides.

24. Fast Hover Slideshow

Slide show with quick slide switching. Slides switch on hover.

25. Image Accordion with CSS3

Image accordion using css3.

26. A Touch Optimized Gallery Plugin

This is a responsive gallery that is optimized for touch devices.

27. 3D Gallery

3D Wall Gallery- created for the Safari browser, where the 3D effect will be visible. If you look at it on another browser, the functionality will be fine but the 3D effect will not be visible.

28. Slider with pagination

Responsive slider with pagination using JQuery UI slider. The idea is to use a simple navigation concept. It is possible to rewind all images or slide-by-slide switching.

29.Image Montage with jQuery

Automatically arrange images depending on screen width. A very useful thing when developing a portfolio website.

30. 3D Gallery

A simple 3D circular slider using css3 and jQuery.

31. Full screen mode with 3D effect using css3 and jQuery

A slider with the ability to view images full screen with a beautiful transition.

Time does not stand still and with it progress. This also affected the Internet. You can already see how the appearance of websites is changing, and adaptive design is especially popular. In this regard, adaptive sliders for the site have become very popular and relevant. Quite a few new ones have appeared adaptive jquery sliders, galleries and carousels.

If you want to install universal slider or carousel you can go to your website by

Sliders for the site

1. Responsive Horizontal Posts Slider

Adaptive horizontal carousel with detailed installation instructions. It is made in a simple style, but you can style it to suit yourself.

2. Slider on Glide.js

This slider is suitable for any website. It uses open source Glide.js. The slider colors can be easily changed.

Adaptive sliders for a website with content. The highlight of this slider is the 3D effect of the images, as well as different animations of random appearance.

4. Slider using HTML5 canvas

A very beautiful and impressive slider with interactive particles. It was made using HTML5 canvas,

5. Image Morphing Slider

Slider with morphing effect. In this example, the slider is well suited for the portfolio of a web developer or web studio in the form of a portfolio.

6. Circular slider

Slider in the form of a circle with the effect of flipping the image.

7. Slider with blurred background

Adaptive slider with switching and background blur.

8. Responsive fashion slider

Simple, lightweight and responsive website slider.

9. Slicebox - jQuery 3D image slider(UPDATED)

Updated version of Slicebox slider with fixes and new features.

JQuery plugin to create a flexible image grid that will switch shots using different animations and timings.

Sliders for the site, part two.

11.Flex slider

A universal free plugin for your website. This plugin comes in several slider and carousel options.

12. Photo frame

Fotoramais a universal plugin. It has many settings. Everything works quickly and easily, and you can also view slides in full screen. The slider can be used both in a fixed size and adaptive, with or without thumbnails, with or without circular scrolling, and much more. Using a photo frame, you can create interesting adaptive sliders for your website.

P.S.I installed the slider several times and I think that it is one of the best

13. Free and adaptive 3D slider gallery with thumbnails.

Experimental gallery slider 3DPanelLayout with a grid and interesting animation effects.

14. Slider on css3

The adaptive slider is made using css3 with smooth appearance of content and light animation.

is an image slider with stunning visual effects and animations.

17. Elastic

Elastic slider with full responsiveness and slide thumbnails.

18. Slit

This is a full screen responsive slider using css3 animation. The slider is made in two versions and the animation is made quite unusual.

19. Adaptive photo gallery plus

A simple free gallery slider with image loading.

20. Responsive Slider for WordPress

Responsive and free slider for WP.

21. Parallax Content Slider

Slider with parallax effect and control of each element using CSS3.

22. Slider with music link

Slider with using JPlayer open source code. This slider resembles a presentation with music.

Sliders for the site, part three.

23. Slider with jmpress.js

The adaptive slider is based on jmpress.js and will therefore allow you to use some interesting 3D effects on your slides.

24. Fast Hover Slideshow

Slide show with quick slide switching. Slides switch on hover.

Image accordion using css3.

This is a responsive gallery that is optimized for touch devices.

29.Image Montage with jQuery

Automatically arrange images depending on screen width. A very useful and interesting thing when developing a portfolio website.

33. Multi-level photo map.

This is a multi-level map - an image gallery allows you to show images associated with their location. It is based on google maps. On the right side there is a thumbnail of the image that can be viewed in a light box when you click on it.

34. Full screen gallery with thumbnails

Adaptive slider gallery with thumbnail and slide description.

Sliders for the site are constantly updated and their number is increasing every day. If you have your favorite sliders or perhaps you didn’t find what you were looking for then write in the comments and I will try to help you.

Adaptive, or if you prefer, responsive web design is now not just another design trend, it is already a certain standard for website development, ensuring the versatility of websites and harmonious visual perception on the screens of various user devices. More recently, when developing a responsive template, I had to deal with various difficulties in integrating certain sliders and image galleries without disturbing the overall design style. Nowadays everything is much simpler, there are a huge number of ready-made solutions on the Internet and what is especially pleasing is that most of them are freely available, open source.

Due to the variety of tools offered, I have compiled a short overview of the most notable developments of responsive jQuery image sliders that have appeared recently and are distributed without any restrictions, i.e. absolutely free.

WOW Slider

Responsive jQuery image slider with a great set of visual effects (rotation, flyout, blur, spirals, blinds, etc...) and many ready-made templates. With WOW Slider's built-in page insertion wizard, you can easily and effortlessly create stunning slideshows in minutes. The developer’s website contains all the necessary documentation for setting up and using the plugin in Russian, as well as excellent live examples of how the plugin works. A separate Wordpress plugin and a module for Joomla are also available for download. I am sure that many will like this wonderful slider, both beginners and experienced webmasters.

HiSlider

HiSlider - HTML5, Jquery slider and image gallery, absolutely free plugin for personal use on sites running popular systems - WordPress, Joomla, Drupal. With the help of this simple but quite functional tool, you can easily create amazing and vibrant slide shows, spectacular presentations and announcements of new messages on the pages of your websites. Several ready-made templates and skins for the slider, amazing content transition (change) effects, output of various multimedia content: videos from YouTube and Vimeo, flexible user settings, etc...

Nivo Slider

Nivo Slider is a good old one, well known to everyone in the know, one of the most beautiful and easy to use image sliders. The JQuery Nivo Slider plugin is free to download and use and is licensed under the MIT license. There is also a separate plugin for WordPress, but unfortunately it is already paid and you will have to pay $29 for one license. It’s better to do a little magic with the WP theme files and attach the free jQuery version of the Nivo Slider plugin to your blog, since there is plenty of information on how to do this on the Internet.
As for functionality, everything is fine with this. It uses the jQuery v1.7+ library, beautiful transition effects, simple and very flexible settings, adaptive layout, automatic image cropping and much more.

The idea of ​​the slider was inspired by the developers, who are well-known for the presentation style of Apple products, where several small objects (pictures) change by clicking on the selected category with a simple animation effect. Codrops presents at your disposal a detailed tutorial on how to create this slider, a complete layout of Html markup, a set of CSS rules and an executable jQuery plugin, as well as a wonderful live example of using the slider.

Slit Slider

Full-screen image slider using JQuery and CSS3 + detailed tutorial on integrating the plugin into website pages. The idea is to slice the open current slide with specific content when moving to the next or previous content. Using JQuery and CSS animation you can create unique transitions between slides. The slider's responsive layout ensures that it looks equally good on different types of user device screens.

Elastic Content Slider

A content slider that automatically adjusts in width and height depending on the size of the parent container in which it is located. Quite simple to implement and flexible in settings, the slider runs on JQuery, with navigation at the bottom; when you change the screen size downwards, the navigation is displayed in the form of icons. Very detailed documentation (creation tutorial) and live examples of use.

3D Stack Slider

An experimental version of the slider that demonstrates images with transitions from the 3D plane. The images are divided into two horizontal stacks, using the navigation arrows to change and transition each subsequent image to the viewing state. In general, nothing special, but the idea itself and the execution technique are quite interesting.

A very simple, 100% responsive and full screen jQuery image slider. The slider's operation is based on CSS transitions (the transition property) in conjunction with the magic of jQuery. The max-width value is set to 100% by default, so the size of the images will change depending on changes in screen size. There are no special animation effects or frills in design, everything is simple and designed for trouble-free operation.

Minimal Slides

The name speaks for itself, this is perhaps one of the most lightweight and minimalistic jQuery image sliders that I have come across (1kb plugin). ResponsiveSlides.js is a tiny jQuery plugin that creates a slideshow using elements inside a container. Works with a wide range of browsers, including all versions of IE - the famous brake on progress, from IE6 and higher. The work uses CSS3 transitions in conjunction with javascript for reliability. Simple layout using an unordered list, customization of transitions and time intervals, automatic and manual control of slide switching, as well as support for multiple slide shows at once. Here is such a playful “baby”.

Camera

Camera is a free JQuery plugin for organizing slideshows on website pages, a lightweight slider with many transition effects, a 100% responsive layout, and very simple settings. Fits perfectly on the screens of any user devices (PC monitors, tablets, smartphones and mobile phones). Possibility of demonstrating embedded video. Automatic slide change and manual control using buttons and image thumbnail block. An almost complete gallery of pictures in a compact design.

bxSlider jQuery

Another fairly simple responsive slider in jQuery. You can place any content, video, images, text and other elements on your slides. Expanded support for touch screens. Using CSS transition animations. A large number of different variations of slide shows and compact image galleries. Automatic and manual control. Switch slides using buttons and by selecting thumbnails. Small source file size, very easy to configure and implement.

FlexSlider 2

FlexSlider 2 - An updated version of the slider of the same name, with improved responsiveness, script minification, and minimizing reflow/redrawing. The plugin includes a basic slider, slide control with thumbnails, built-in left-right arrows and a bottom navigation bar in the form of buttons. The ability to display video in slides (vimeo), flexible settings (transitions, design, time interval), fully adaptive layout.

Galleria

A well known and quite popular responsive jQuery plugin for creating high quality image galleries and sliders. The slider interface, thanks to its control panel, visually resembles a familiar video player; the plugin includes several different design themes. Support for embedded videos and images from popular services: Flickr, Vimeo, YouTube and others. Detailed documentation on setup and use.

Blueberry

A simple, no-frills free jQuery image slider written specifically for responsive web design. Blueberry is an experimental open source jQuery plugin. Minimalistic design, no effects, only smoothly pop-up pictures replacing each other after a certain period of time. Everything is very simple, install, connect and go...

jQuery popeye 2.1

A very compact jQuery image slider with Lightbox elements. Thanks to its flexible dimensions, it is very easy to integrate into any container, into a single entry in the form of thumbnails, when hovering the mouse cursor or clicking on them, a lightbox with an enlarged picture and controls is activated. It is convenient to place such a slider in side panels to present products or news announcements. An excellent solution for sites with a large amount of information.

Sequence

Free responsive slider with advanced CSS3 transitions. Minimalistic style, 3 design themes, Each frame slides horizontally, appearing in the center, the picture goes to the left, the signature to the right, thumbnails are duplicated in the lower right corner. Pagination of product views to be viewed in each frame. The controls also include back and forward buttons. Supported by all modern browsers.

Swipe

A very simple image slider both in terms of functionality and settings; among the settings there is a change in the speed of changing slides, activation of the manual mode (control buttons are activated), continuous slide show. This slider has the right to exist and it attracted me only because it exists; I didn’t find anything particularly interesting in this development, maybe I wasn’t looking for it well)))

Responsive Image Slider

Such a beautiful, adaptive image slider from Vladimir Kudinov, comrades. A solid, well-designed tool, provided with illustrative examples and detailed instructions for creation, installation and use. Adaptive design, nice buttons and green arrows, everything is quite nice and calm, without pressure.

FractionSlider

Free JQuery slider plugin with parallax effect for images and text slides. Slide animations have multiple display values ​​with full control in each timing and animation setting. The ability to animate several elements on a slide at once. You can set different animation methods, slide fades, or transitions from a specific direction. Automatic display and manual control using navigation arrows that pop up when you hover over the image. 10 types of slide animation effects and much more...

The review turned out to be quite extensive, but not informative enough due to the large number of products considered. You can find out all the details and detailed descriptions of the functionality of a particular plugin directly on the developers’ pages. I can only hope that I have made it easier for someone to find that very necessary tool for creating colorful picture sliders on the pages of their websites.

Have you ever thought that it would be nice to be able to work with Russian-language templates? Just think about it for a minute. No wasting time working with English-language templates. We hasten to please you that you can now find it on the TemplateMonster marketplace. The text for each of them was written by hand. And, of course, all ready-made solutions are incredibly easy to use.

Best regards, Andrey

1. Excellent jQuery Slideshow

A large, spectacular slideshow using jQuery technologies.

2. jQuery plugin “Scale Carousel”

Scalable slideshow using jQuery. You can set the slideshow sizes that suit you best.

3. jQuery plugin “slideJS”

Image slider with text description.

4. Plugin “JSliderNews”

5. CSS3 jQuery slider

When you hover over the navigation arrows, a circular thumbnail of the next slide appears.

6. Nice jQuery “Presentation Cycle” slider

jQuery slider with image loading indicator. Automatic slide changing is provided.

7. jQuery plugin “Parallax Slider”

Slider with a volumetric background effect. The highlight of this slider is the movement of the background, which consists of several layers, each of which scrolls at a different speed. The result is an imitation of the volumetric effect. It looks very beautiful, you can see for yourself. The effect is displayed more smoothly in browsers such as Opera, Google Chrome, IE.

8. Fresh, lightweight jQuery slider “bxSlider 3.0”

On the demo page in the “examples” section you can find links to all possible uses of this plugin.

9. jQuery image slider, “slideJS” plugin

A stylish jQuery slider can certainly decorate your project.

10. jQuery slideshow plugin “Easy Slides” v1.1

An easy to use jQuery plugin for creating slideshows.

11. jQuery Slidy plugin

Lightweight jQuery plugin in various versions. Automatic slide changing is provided.

12. jQuery CSS gallery with automatic slide changing

If the visitor does not click on the “Forward” or “Back” arrows within a certain time, the gallery will begin to scroll automatically.

13. jQuery slider “Nivo Slider”

Very professional, high-quality, lightweight plugin with valid code. There are many different slide transition effects available.

14. jQuery slider “MobilySlider”

Fresh slider. jQuery slider with various image changing effects.

15. jQuery Plugin “Slider²”

Lightweight slider with automatic slide changer.

16. Fresh javascript slider

Slider with automatic image change.

Plugin for implementing slide shows with automatic slide changing. It is possible to control the display using image thumbnails.

jQuery CSS image slider using the NivoSlider plugin.

19. jQuery slider “jShowOff”

Content rotation plugin. Three options for use: without navigation (with automatic change in slide show format), with navigation in the form of buttons, with navigation in the form of image thumbnails.

20. “Shutter Effect Portfolio” plugin

Fresh jQuery plugin for designing a photographer's portfolio. The gallery has an interesting effect of changing images. Photos follow each other with an effect similar to the operation of a lens shutter.

21. Lightweight javascript CSS slider “TinySlider 2”

Implementation of an image slider using javascript and CSS.

22. Awesome slider “Tinycircleslider”

Stylish round slider. The transition between images is carried out by dragging the slider in the form of a red circle around the circumference. It will fit perfectly into your website if you use round elements in your design.

23. Image slider with jQuery

Lightweight slider “Slider Kit”. The slider is available in different designs: vertical and horizontal. Various types of navigation between images are also implemented: using the “Forward” and “Back” buttons, using the mouse wheel, using the mouse click on the slide.

24. Gallery with miniatures “Slider Kit”

Gallery "Slider Kit". Scrolling of thumbnails is carried out both vertically and horizontally. The transition between images is carried out using: the mouse wheel, mouse click or hovering the cursor over the thumbnail.

25. jQuery content slider “Slider Kit”

Vertical and horizontal content slider using jQuery.

26. jQuery slideshow “Slider Kit”

Slideshow with automatic slide changing.

27. Lightweight professional javascript CSS3 slider

A neat jQuery and CSS3 slider created in 2011.

jQuery slideshow with thumbnails.

29. Simple jQuery slideshow

Slideshow with navigation buttons.

30. Awesome jQuery “Skitter” Slideshow

jQuery Skitter plugin for creating stunning slideshows. The plugin supports 22 (!) types of different animation effects when changing images. Can work with two slide navigation options: using slide numbers and using thumbnails. Be sure to watch the demo, a very high quality find. Technologies used: CSS, HTML, jQuery, PHP.

31. Slideshow “Awkward”

Functional slide show. Slides can be: simple images, images with captions, images with tooltips, videos. You can use arrows, slide number links, and left/right keys on your keyboard to navigate. The slide show comes in several versions: with and without thumbnails. To view all options, follow the links Demo #1 - Demo #6 located at the top of the demo page.

A very original design for the image slider, reminiscent of a fan. Animated slide transition. Navigation between images is carried out using arrows. There is also an automatic shift that can be turned on and off using the Play/Pause button located on the top.

Animated jQuery slider. Background images automatically scale as the browser window is resized. For each image, a block with a description appears.

34. “Flux Slider” slider using jQuery and CSS3

New jQuery slider. Several cool animated effects when changing slides.

35. jQuery plugin “jSwitch”

Animated jQuery gallery.

An easy jQuery slideshow with automatic slide changing.

37. New version of the plugin “SlideDeck 1.2.2”

Professional content slider. There are options with automatic slide changing, as well as an option using the mouse wheel to move between slides.

38. jQuery slider “Sudo Slider”

Lightweight image slider using jQuery. There are a lot of implementation options: horizontal and vertical changing of images, with and without links to the slide number, with and without image captions, various image changing effects. There is an automatic slide change function. Links to all implementation examples can be found on the demo page.

39. jQuery CSS3 slideshow

Slideshow with thumbnails supports automatic slide changing mode.

40. jQuery slider “Flux Slider”

Slider with many image changing effects.

41. Simple jQuery slider

Stylish image slider using jQuery.

1. jQuery plugin “Fresco”

Responsive jquery gallery (resizes when screen resolution changes), displayed in a pop-up window with thumbnails and image captions. Jquery gallery “Fresco” works correctly in most browsers including: IE6+, Firefox 3+, Chrome 5+, Opera 9+. The free version of this plugin can only be used on non-commercial projects.

2. “Adaptor” slider


Slider with various transition effects (7 different effects, including 3D). Project on Github.

3. Slider plugin with various effects “jQ-Tiles”


Plugin with various transition effects, customizable slide speed, and autoscroll function.

4. jQuery plugin “Sly”


Plugin for implementing vertical and horizontal scroller. Project on Github.

5. Animated CSS3 “Makisu” menu


6. Simple slideshow


7. Functional jQuery slider “iView Slider v2.0”


Content slider/slideshow (the slide can contain not only images, but also video clips and other HTML content). For navigation you can use: thumbnails, Left/Right buttons and using the keyboard. Project on Github.com.

8. Set of jQuery plugins “Vanity”


The set includes 7 plugins: jSlider, jTabs, jPaginate, jSpotlight, jTip, jPlaceholder and jCollapse. A set of these solutions will help you implement a slider, tooltips, tabs, pop-up image descriptions, etc.

9. Hover CSS3 effect


10. CSS3 Dropdown Menu


11. iOS slider


A slider designed to work on mobile devices.

12. CSS3 loading indicator


13. CSS3 hover effect


14. “Product Colorizer” jQuery plugin


The plugin is an easy solution for viewing products in different color options (relevant, for example, for online clothing stores to allow visitors to choose the color scheme of a product from several options). For the plugin to work, you only need two images for each product (all colors will be applied as a mask). The plugin works in all major browsers, including IE7+ (will also work in IE6 if you fix the PNG transparency display). Project on GitHub.

15. CSS3 animated charts


16. Create an overlay effect when clicking on an image


When you click on an image, it darkens, going into the background, and items with captions appear. This way you can give a brief description of the elements located in the image.

17. Page navigation as a drop-down menu


A solution for implementing convenient document navigation in the form of a drop-down menu. The content is fixed at the top of the screen and always remains in the viewer's field of view. When you select a section in the menu, the page scrolls smoothly to the selected part of the document.

18. CSS3 gallery with hover effect


When you hover your cursor over an image, the photos change quickly. The gallery is implemented in two versions: with a description of the pictures that appears after the visitor moves the cursor away from the gallery and without a description.

19. jQuery slider with Parallax effect


20. CSS3 animation when hovering over blocks


21. CSS3 jQuery popup panel

Click on the arrow at the bottom of the screen on the demo page to see the pop-up icons.

22. Free HTML5 image gallery “Juicebox Lite”


A very functional new image gallery for the site. The gallery can be with or without thumbnails, with or without an image description, can be expanded to full screen or displayed on a page with fixed dimensions. On the demo page, you can choose the gallery view that you like. A free version of the gallery is available for download. You will have to pay for more advanced functionality and to remove the developer logo.

23. Plugin “JQVMap”


24. CSS3 slider with Parallax effect


25. jQuery photo gallery with thumbnails


Responsive gallery, image and thumbnail sizes change with the size of the browser window.

26. jQuery content slider plugin “Horinaja”


The plugin is easy to install, customizable, and cross-browser compatible. Any HTML content, not just images, can serve as a slide. You can scroll slides using the mouse wheel while the cursor is on the slide area.

27. jQuery slider plugin “Pikachoose”


In three variations: implementation of a simple change of images without descriptions and thumbnails; slider with image captions and thumbnails; slider with thumbnails and added opening of a larger image in a pop-up window with the FancyBox effect. The latest version can always be found on Github.

28. Several custom CSS styling for dropdown lists


Five different dropdown list styles using different CSS techniques.

29. Restaurant menu with animated 3D effect


Interesting CSS jQuery presentation of information on the page. By clicking on the link, the menu booklet opens and the visitor can read more about the dishes provided in a pop-up window. Animation does not display correctly in IE.

30. “Elastislide” plugin


Implementation of a rubber adaptive carousel (vertical and horizontal image carousel) and image gallery. Shrinking the browser window reduces the number of images to a certain minimum value and then scales the size of the remaining images. Project on Github.

31. Fresh CSS3 jQuery slider “Slit Slider”


An adaptive slider plugin (the width can be set as a percentage and it will automatically scale) in two styles with an interesting animated effect when changing slides (the slide is cut in half and moves in different directions, and a new one takes its place). Navigation using the keyboard is possible. The latest version is always on Github.

32. New version of the 3D image slider “Slicebox”


A new version with changes made and new features added: now the 3D slider has become scalable, you can see this when you reduce the browser window; added Firefox support; You can already use HTML content in the slide description (previously the description was pulled from the link attribute without the ability to use HTML tags in it). On the demo page you can see 4 options for using the plugin. The latest version lives on Github.com.

The effect is very similar to the Flash gallery 3D CU3ER (demo, download), only this 3D slider is made not using flash technologies, but using javascript.

33. jQuery plugin “PFold”


Experimental solution. The plugin implements a 3D effect simulating the unfolding of a note. Various design options: with three spreads, with two spreads and a spread with subsequent centering of the unfolded note.

34. jQuery plugin “Windy”


Plugin for navigating through content, such as images. When you scroll through photos, they fly apart in different directions (the effect is somewhat reminiscent of dealing cards in the card game poker). To navigate, you can use the left/right buttons or the slider (see different options on the demo page). Project on