Time does not stand still, and with it progress. This also affected the vastness of the Internet. You can already see how it changes appearance sites, responsive design is especially popular. And in connection with this, quite a few new ones have appeared. responsive 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 as you like.
2. Slider on Glide.js
This slider is suitable for any site. It uses open source Glide.js. 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 animation of appearance in random order.
4. Slider using HTML5 canvas
Very nice and impressive slider with interactive particles. It is done using HTML5 canvas,
5. Slider "Morphing images"
Slider with morphing effect (Smooth transformation from one object to another). In this example, the slider works well for a web developer's portfolio or a web studio as a portfolio.
6. Circular slider
A slider in the form of a circle with a flip effect.
7. Blurred background slider
Adaptive slider with toggle and blur the background.
8. Adaptive fashion slider
Simple, lightweight and responsive website slider.
9. Slicebox - jQuery 3D image slider(UPDATED)
Updated version Slicebox slider with fixes and new features.
10.Free Animated Responsive Image Grid
A jQuery plugin for creating a flexible image grid that will switch shots using different animations and timings. This can work well as a background or decorative element on the site, as we can customize the appearance of new images and their transitions. The plugin is made in several versions.
11. Flexslider
Universal free plugin for your website. This plugin comes with several slider and carousel options.
12. Photo frame
Fotorama is a versatile plugin. It has many settings, everything works quickly and easily, there is the ability to view slides in full screen. The slider can be used both in fixed size and responsive, with or without thumbnails, with or without circular scrolling, and much more.
P.S.I put the slider several times and I think that it is one of the best
13. Free and responsive 3D gallery slider with thumbnails.
Experimental gallery slider 3DPanelLayout with mesh and interesting animation effects.
14. Slider on css3
The responsive slider is made using css3 with smooth content flow and light animation.
15. WOW Slider
Wow slider is an image slider with amazing visuals.
17. Elastic
Fully responsive elastic slider with slide thumbnails.
18. Slit
It is a full screen responsive slider using css3 animation. The slider is made in two versions. the animation is quite unusual and beautiful.
19.Adaptive photo gallery plus
A simple free slider gallery with images uploaded.
20. Responsive slider for WordPress
Responsive free slider for WP.
21. Parallax Content Slider
Slider with parallax effect and control of each element with CSS3.
22. Slider with linking music
Slider using open source JPlayer. This slider resembles a presentation with music.
23. Slider with jmpress.js
The responsive slider is based on jmpress.js and therefore allows you to use some cool 3D effects on your slides.
24. Fast Hover Slideshow
Slide show with fast slide switching. Slides switch on hover.
25. Image Accordion with CSS3
Accordion of images using css3.
26. A Touch Optimized Gallery Plugin
it responsive gallery which is optimized for touch devices.
27.3D Gallery
3D Wall Gallery- created for Safari browser where the 3D effect will be visible. When viewed in another browser, the functionality will be fine but the 3D effect will not be visible.
28. Pagination slider
Responsive pagination slider with 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
Automatic positioning of images depending on the width of the screen. A very useful thing when developing a portfolio site.
30.3D Gallery
Simple 3D circular slider in css3 and jQuery.
31. Full screen mode with 3D effect on css3 and jQuery
Full-screen slider with beautiful transition.
Image galleries and sliders are some of the most popular jQuery formats. Thanks to them, you can add the necessary amount of visual content to the site, while saving valuable space.
Galleries and sliders make the page less busy, but still allow you to add all the images needed to convey the message. They will be especially useful for online stores.
In today's article, we've rounded up the best jQuery image galleries and sliders for you.
To install them, just add the selected plugins to the head section HTML pages together with the jQuery library and configure them according to the documentation (just a couple of lines of code).
Choose which of these elements will fit perfectly into your project.
1. Bootstrap Slider
Bootstrap Slider is a free, mobile-optimized image slider with touch and swipe scrolling. It will look amazing on any screen and in any browser. You can load images, videos, text, thumbnails and buttons into sliders.
2. Product Preview Slider
The Product Preview Slider embodies the full potential of jQuery and integrates perfectly into any interface. You will also be pleased with the quality and cleanliness of the code of this plugin.
3. Expandable Image Gallery
Expandable Image Gallery is an awesome plugin that turns into a full screen gallery with just one click. It can be used for the "About Us" section or to view product information.
4. Fotorama
Fotorama is a jQuery responsive gallery plugin that works for both desktop and mobile browsers. It offers many navigation options: thumbnails, scrolling, forward and back buttons, automatic slideshows, and markers.
5. Immersive Slider
Immersive Slider allows you to create a unique slideshow experience similar to the Google TV slider. You can change the background image to be blurred to maintain focus in the main photo.
6. Leastjs
Leastjs is a responsive jQuery plugin that helps you create an awesome gallery. When you hover over the image, text appears, when pressed, the window expands to full screen.
7. Sliding Panels Template
This plugin is perfect for a portfolio. It will create blocks of images, arranged horizontally (vertically on small screens), to which the selected content will be anchored.
8. Squeezebox Portfolio Template
Squeezebox Portfolio Template offers motion effects for portfolios. When you hover over the main image (or block), anchored elements appear.
9. Shuffle Images
Shuffle Images is an awesome responsive plugin that allows you to create a gallery with images that change on hover.
10. Free jQuery Lightbox Plugin
Free jQuery Lightbox Plugin helps you to show one or more images on one page. They can also be enlarged and returned to their original size.
11. PgwSlider - Responsive slider for jQuery
PgwSlider is a minimalistic image slider. The jQuery code is lightweight, so the loading speed of this plugin will pleasantly surprise you.
12. Scattered Polaroids Gallery
Scattered Polaroids Gallery is a stunning flat design slider. Its elements move erratically when switching images, which looks amazing.
13. Bouncy Content Filter
Bouncy Content Filter - perfect solution for and portfolio. This plugin allows users to quickly jump from one category to another.
14. Simple jQuery Slider
Simple jQuery Slider lives up to its name. This plugin combines JavaScript elements, HTML5 and CSS3. In the demo, by default, only text loading is available, but if you make a few changes, you can add visual content as well.
15. Glide JS
Glide JS is a simple, fast and responsive jQuery slider. It's easy to set up and doesn't take up much space.
16. Fullscreen drag-slider with parallax
This awesome jQuery slider with the ability to load images and text will work for any website. It will delight users with a light parallax effect and slow text appearance.
From the author: Despite rumors about the alleged "death" of the part of web pages visible without scrolling, the need for a good slider has not disappeared anywhere. Let's be honest, just for a second - sliders are fun. In addition, nothing else, unlike moving content, causes the user to have a "wow" effect. All sliders are a set of several slides that replace each other and it is imperative that the slider code is as light as possible. This is where jQuery comes in handy.
Take a look at 20 jQuery sliders from Envato Market and you'll see that there are sliders that are more than just a block of smoothly changing images.
1. RoyalSlider - Touchscreen image gallery on jQuery
A responsive slider that is also touch-friendly means a lot more now than it used to. RoyalSlider combines both responsiveness and touchscreen functionality. A good choice since the gallery is written in HTML5 and CSS3.
Some interesting features:
How to create a website yourself?
High customization
Over 10 starter templates
There is a fallback for CSS3 transitions
In my opinion, the coolest feature is the "modular script architecture", which allows you to exclude unnecessary things from the main JS file, thereby reducing weight. RoyalSlider, a jQuery image gallery touchscreen, is a robust JavaScript slider that should be a must-have for any developer's toolbox.
2. Slider Revolution responsive jQuery plugin
It's not easy to do something "revolutionary" with a slider. When it comes to sliders, there are so many functions you can add to them. However, Slider Revolution is a really good try. Among the jQuery sliders, this instance meets all your possible requirements.
The list of slider features is so long, so I will list only the best ones:
Parallax effect and custom animation
Unlimited layers and slides with links
ready to use, deeply customizable styles
and much more
Ability to add image, built-in video player and links from social networks makes Slider Revolution one of the most flexible and customizable options on the web.
3. LayerSlider responsive jQuery slider plugin
The name "LayerSlider responsive jQuery plugin slider" cannot really appreciate this slider.
200+ 2D and 3D slide transitions will make anyone's head spin.
A couple of notable features:
13 skins and 3 types of menus
Ability to place a fixed image on top of the slider
And jQuery fallback
And much more
As with the previous slider, almost any content can be added, even HTML5 resident multimedia content. LayerSlider brings sliders to life and is very pretty.
4.jQuery Banner Rotator / Slideshow
jQuery Banner Rotator / Slideshow is a fairly simple slider that doesn't sacrifice core functionality.
Capabilities:
Tooltips, text inserts, etc.
Preview and various options for viewing components
Timer with delay for one slider or for all
Multiple transitions for all slides or different transitions for each one individually
jQuery Banner Rotator / Slideshow compared to other jQuery sliders only has basic capabilities, but you shouldn't forget about it.
5. All In One Slider - Responsive jQuery slider plugin
Any slider that appears on the web has its own unique vision and solves any problems in its area. But not this one. All In One Slider can be called "all inclusive".
I think most web developers and designers have a proven solution, but they are always looking for something new. And this "something new" includes:
Banner rotator
Banner with preview
Playlist banner
Content slider
Carousel
All types of sliders support most, if not all, of the functionality that jQuery sliders need. Will All In One Slider be your all inclusive?
6. UnoSlider - Adaptive touchscreen slider
If your slider is not responsive and does not support touch screens, then you have the wrong slider. UnoSlider is correct.
This slider has found its place in the sun between simplicity and rich feature set. Functions:
Support for themes
40 transitions
IE6 + support
All features with a bias in design and style, which makes UnoSlider an excellent content slider with the ability to add themes.
7.Master Slider - jQuery touchscreen slider
Looking for “one jQuery slider to rule them all”? Try Master Slider - jQuery touchscreen slider for different screen sizes ...
When it comes to good design, this one is one of the best:
More than 25 templates
Hardware accelerated transitions
Support for touches and swipes
And much more
Interactive transitions, animated layers and hotspots will definitely grab your attention. Master Slider is a work of art.
8. TouchCarousel - jQuery content scroller and slider
TouchCarousel attracts with free support and updates. However, these are not all the features of this lightweight jQuery carousel slider.
If the name contains the word "touch", you can guess that the slider is fully responsive and supports touching. Other functions:
SEO optimization
Smart autoplay
Hardware accelerated CSS3 transitions
Customizable UI and 4 Photoshop skins
TouchCarousel, because of its unique physical slide scrolling, is a whole new level of experience on mobile devices.
9.Advanced Slider - jQuery XML slider
jQuery sliders can be used not only on websites. They can also come in handy in web applications. Advanced Slider allows you to do this.
With HTML or XML markup, this advanced slider makes a lasting impression:
Animated layers and smart video
100+ transitions and 150+ custom properties
15 slider skins, 7 scrollbar skins and built-in lightbox support
Keyboard navigation, touch support and full customization
And much more
However, the most best feature This is Advanced Slider - jQuery XML Slider API, making the slider ideal for your web application.
10.jQuery Slider Zoom In / Out Effect Fully Responsive
One of those jQuery sliders that will make you watch a demo before you start reading about its capabilities. You just want to understand what this "zoom in / out effect" means.
The zoom effect is quite weak, but it adds a sense of control and real touch to the image while the rest of the slider is static. Special features of the slider:
CSS3 transitions between layers
Animation end option for layers
Fixed-width, full-screen and full-width options
Animated text with HTML and CSS formatting
Most sliders try to incorporate as many effects as possible, and jQuery Slider Zoom In / Out Effect Fully Responsive only has the Ken Burns effect, but it is well implemented.
11.jQuery Carousel Evolution
Like the aforementioned Advanced Slider - jQuery XML Slider, jQuery Carousel Evolution has its own API that can be used to enhance the functionality or integrate the slider into another project.
How to create a website yourself?
What technologies and knowledge are needed today to create websites on your own? Find out on the intensive!
With images, HTML markup, YouTube and Vimeo videos, you also get:
SEO optimization
9 carousel styles
Shadow and reflection effects
Image size can be adjusted, both front and back
jQuery Carousel Evolution - simple carousel with many use cases.
12. Sexy Slider
Sexy Slider is no longer as sexy as it used to be. However, due to its age, this slider is trustworthy.
At first glance, the slider is not very impressive, but if set up well, it will fit perfectly into your design. Capabilities:
Autoplay slides
Image captions
Continuous playback of slides
6 transition effects
Sexy Slider is waiting for you to unleash its full power and potential.
13.jQuery Image & Content Scroller w / Lightbox
With all these mobile designs and support touch screens nice to see a jQuery slider that hasn't forgotten about desktops.
jQuery Image & Content Scroller w / Lightbox supports keyboard and mouse wheel input and other features:
Horizontal and vertical orientation
Text captions inside or outside the slider
Ability to set a certain number of slides visible at a time
Inline images, Flash, iframes, Ajax and inline content
The slider also has a built-in lightbox. If desired, in jQuery Image & Content Scroller w / Lightbox, you can not launch the slider itself, but separately launch the lightbox.
14. Translucent - Responsive banner rotator / slider
Most jQuery sliders have their own designs. You can customize it for yourself, but sometimes you just want everything to be inside the slider. We present to your attention Translucent.
There are a lot of presets in the slider. Perhaps you just need to configure certain settings and that's it. Capabilities:
6 different styles
4 transition effects
2 swipe transitions
Customizable buttons and captions
Like others, this slider is touch sensitive, responsive and hardware accelerated. Translucent is a slider with a minimal design that puts the content itself at the forefront.
15. FSS - Full Screen Sliding Website Plugin
Do you want to make a full screen slide site? Then you need FSS.
In fact, using given jQuery slider It is extremely easy to create a full screen slider site. Capabilities:
AJAX support
Scrollbar
Deep linking technology support
2 different transition effects
Also worth looking at is keyboard support and an 11-page guide. However, the real impression is made by the FSS weight, only 5Kb.
16.Zozo Accordion - Adaptive touchscreen slider
Another jQuery example a style-focused slider that does a pretty good job of it. The Zozo Accordion is a must for anyone looking for a good slider accordion with the ability to change styles.
This beauty with CSS3 animation also has a fairly wide range of features:
Horizontal and vertical accordion
Semantic HTML5 and SEO Optimization
Touch, keyboard and WAI-ARIA support
More than 10 skins and 6 layouts
And much more
Zozo Accordion has free support and constant updates as well as all the features you want to see in a jQuery accordion.
17.jQuery Responsive OneByOne Slider Plugin
jQuery Responsive OneByOne Slider Plugin looks more like a simple animation rather than a slider. Instead of displaying one slide at a time, this instance fills the screen with slides step by step until there is no room in the area before moving on to the next slide.
CSS3 animation works from Animate.css, it is lightweight, consists of several layers and is friendly with mobile devices... Several functions:
There is also a drag and drop navigation option. jQuery Responsive OneByOne Slider Plugin is powered by Twitter Bootstrap carousel.
18. Accordionza - jQuery plugin
No jQuery slider is easier than this. You only need to download a 3KB slider to work, making the Accordionza the lightest accordion slider ever.
If you don't like the three styles, you can tweak the HTML and CSS yourself. Capabilities:
Keyboard navigation
Easy to customize effects and buttons
Progressive enhancement technique - works without JavaScript
Remember that Accordionza can display a variety of mixed content options, making it extremely flexible.
19.mightySlider - Responsive multipurpose slider
MightySlider is a really powerful slider. It can be used not only as a simple image slider, but also as a full screen unidirectional slider with navigation through menu items. It can help you make a great one-page website.
You will find many options under the hood:
Keyboard, mouse and touch support
Hardware accelerated CSS3 transitions
Clean valid markup and SEO optimization
Unlimited number of slides, layers for captions and effects for them
The API is very powerful and developer friendly, which opens up different ways to use it. MightySlider is an excellent, progressive jQuery slider with clean and well commented code.
20. Parallax Slider - Responsive jQuery plugin
Parallax Slider works like the jQuery Responsive OneByOne Slider Plugin and lets you animate each layer separately within a single slide. You can animate all slides or even just one by adding parallax animation.
IN comes with 4 sliders different types, all with parallax effect. Like other jQuery sliders, it has:
Fully customizable
Touch support
Fully responsive, unlimited layers
Autoplay, Loop, Height and Width Adjustment, and Timer
Animated layers aren't just about text or images. You can also add YouTube, Vimeo and HTML5 videos. Parallax Slider is another good example of how you can simulate Flash effects even better than Flash itself, which is also supported on all devices.
Conclusion
It's interesting to see how jQuery sliders have grown from something that simply swaps one image for another, into a huge set of creative tools. Now there are 3D, parallax sliders, full page sliders, adaptive ones and those that can be viewed on both desktop computers and smartphones.
If you don't like any of the slides on this list, you can always take the jQuery Code Tutorial on Envato and develop something completely new and unique.
Or check out the other sliders on Envato Market for a variety of options. What's your favorite jQuery slider and why?
Responsive, or, if you like, responsive web design is now not just another design trend, it is already a kind of website development standard that ensures the universality of websites, a harmonious visual perception on the screens of various user devices. More recently, during development responsive template, I had to deal with various difficulties of integrating certain sliders and image galleries without breaking the general design style. Now everything is much simpler, there are a huge number of ready-made solutions on the network and what is especially pleasing, most of them are freely available, open source.
Due to the variety of tools offered, I have compiled a small overview of the most notable developments in 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 great set visual effects(turns, departures, blur, spirals, blinds, etc ...) and many ready-made templates. With WOW Slider's built-in page insert wizard, you can easily create stunning slideshows in minutes. The developer's website contains all the necessary documentation for setting up and using the plugin in Russian, excellent live examples of the plugin's work. Also available for download a separate plugin wordpress and a module for Joomla. 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 vivid slideshows, effective presentations and announcements of new messages on the pages of your sites. Several ready-made templates and skins for the slider, stunning transition effects (change) of content, the output of various multimedia content: videos from YouTube and Vimeo, flexible user settings, etc.
Nivo slider
Nivo Slider is a good old, well-known to everyone in the subject, one of the most beautiful and easy-to-use image slider. The jQuery Nivo Slider plugin is free to download and use, distributed 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 enough information on how to do this on the net.
As for the functionality, everything is in order with this. For work, the jQuery v1.7 + library is used, beautiful transition effects, simple and very flexible settings, responsive layout, automatic image cropping and much more.
The idea of the slider was inspired by the developers, who are well-known for the style of presentation of Apple products, where several small objects (pictures) change by clicking on the selected category with a simple animation effect. Codrops provides you with a detailed tutorial on how to create this slider, a complete HTML layout, 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 in jQuery and CSS3 + a detailed tutorial on integrating the plugin into site pages. The idea is to slice open the current slide with specific content when navigating to the next or previous content. With jQuery and CSS animations, you can create unique slide transitions. Responsive slider layout ensures it looks equally good on screens different types user devices.
Elastic Content Slider
Content slider, which automatically adjusts in width and height depending on the size of the parent container in which it is located. Quite simple in execution and flexible in settings slider powered by jQuery, with navigation at the bottom, when the screen size is changed downwards, the navigation is displayed in the form of icons. Very detailed documentation (tutorial on creation) and live examples of use.
3D Stack Slider
An experimental slider that shows images with transitions from the 3D plane. The images are divided into two horizontal piles, the navigation arrows are used to change and transition of each subsequent image to the viewing state. In general, nothing special, but the idea itself and the technique of execution are quite interesting.
A very simple, 100% responsive and full screen jQuery image slider. The slider is based on CSS transitions (the transition property) in conjunction with the magic of jQuery. The max-width is set to 100% by default, so the size of the pictures will change depending on the changes in the screen size. There are no special animation effects and delicacies in the design, everything is simple, and sharpened for smooth operation.
Minimal slides
The name speaks for itself, this is probably one of the most lightweight and minimalistic jQuery image sliders I've come across (plugin in 1kb). ResponsiveSlides.js is a tiny jQuery plugin that creates slideshows using elements inside a container. Works with a wide range of browsers, including all versions of IE, the famous progress brake, from IE6 and up. The work uses CSS3 transitions in conjunction with javascript, for reliability. Simple markup using an unordered list, customizing transitions and timing, automatic and manual control switching slides, as well as support for several slideshows at once. Here is such a playful "kid".
Camera
Camera is a free jQuery plugin for organizing slideshows on site pages, a lightweight slider with many transition effects, with a 100% responsive layout, and very simple settings. Fits perfectly on the screens of any user devices (PC monitors, tablets, smartphones and Cell phones). The ability to demonstrate embedded video. Automatic change of slides and manual control using buttons and a block of thumbnails of images. An almost complete picture gallery in a compact design.
bxSlider jQuery
Another fairly simple responsive jQuery slider. Any content, video, images, text and other elements can be placed in slides. Enhanced support for touch screens. Using CSS transition animations. A large number of different variations of the presentation of slideshows and compact image galleries. Automatic and manual control. Switching slides using buttons and by selecting thumbnails. Small size of the source file, 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 minimized reflow / redraw. 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 parameter settings (transitions, decoration, time interval), fully responsive layout.
Galleria
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 themes. Support for embedded video and images from popular services: Flickr, Vimeo, YouTube and others. Detailed documentation on setting up and using.
Blueberry
A simple, no bells and whistles 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, set it up, plug it in and go ...
jQuery popeye 2.1
A very compact jQuery image slider with Lightbox elements. Due to its flexible size, it is very easy to embed into any container, into a single entry in the form of thumbnails, when you hover the mouse cursor or click on which, a lightbox with an enlarged picture and controls is activated. It is convenient to place such a slider in sidebars 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 presentations for viewing in each frame. The controls also include back and forward buttons. Supported by all modern browsers.
Swipe
A very simple slider of pictures both in terms of functionality and settings, from the settings there is a change in the speed of changing slides, connecting a manual mode (control buttons are activated), a continuous slide show. This slider has the right to be and it attracted me only by the fact that it is, I did not find anything particularly interesting in this development, maybe I was looking badly)))
Responsive Image Slider
Such a beautiful, adaptive image slider from Vladimir Kudinov and companions. A solid, well-developed tool, provided with illustrative examples and detailed instructions on creation, installation and use. Responsive design, nice green buttons and arrows, everything is pretty nice and calm, without pressure.
FractionSlider
Free jQuery parallax slider plugin for images and text slides. Slide animation has multiple show values with full control in every timing and animation setting. The ability to animate several elements on a slide at once. You can install different methods animations, slides disappearing, or transitions from a specific direction. Automatic display and manual control with navigation arrows that pop-up when you hover over a picture. 10 kinds of slide appearance animation effects and much more ...
The review turned out to be quite extensive, but not informative enough due to a large number the products in question. All details and detailed descriptions functionality of a particular plugin, you can find out directly on the developers' pages. I can only hope that someone has made it easier for someone to find that very necessary tool for creating colorful picture sliders on the pages of their sites.
Ever wondered if it would be nice to be able to work with Russified templates? Just think for a minute. No time wasted working with English templates. We hasten to please you with the fact that you can now find on TemplateMonster marketplace. The text for each of them was written by hand. And, of course, all ready-made solutions are incredibly easy to use.
With all respect, Andrew
1. jQuery plugin "Fresco"
Responsive jquery gallery (resizes as screen resolution changes) displayed in popup 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. Slider "Adapter"
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, with adjustable speed of changing slides, with autoscrolling function.
4. jQuery plugin "Sly"
Plugin for vertical and horizontal scrolling. Project on Github.
5. Animated CSS3 menu "Makisu"
6. Simple slideshow
7. Functional jQuery slider "iView Slider v2.0"
Content slider / slideshow (a slide can be 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. A set of jQuery plugins "Vanity"
The set of 7 plugins: jSlider, jTabs, jPaginate, jSpotlight, jTip, jPlaceholder and jCollapse. A set of these solutions will help you implement a slider, tooltips, tabs, image pop-up descriptions, and more.
9. Hover CSS3 effect
10. CSS3 dropdown menu
11.iOSslider
Slider tailored for 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 (it is important, for example, for online clothing stores, to allow visitors to choose the color scheme of the product from several options). For the plugin to work, only two images are needed for each product (all colors will be superimposed as a mask). The plugin works in all major browsers, including IE7 + (will work in IE6 if you fix PNG transparency). Project on GitHub.
15. CSS3 animated diagrams
16. Creating an overlay effect when clicking on an image
When you click on the image, it darkens, fading into the background, and items with captions appear. So you can give short description elements located in the image.
17. Navigating the page as a drop-down menu
A solution for implementing convenient navigation through the document in the form of a drop-down menu. Content is captured at the top of the screen and always remains in the visitor's field of view When you select a section in the menu, the page smoothly scrolls to the selected part of the document.
18. CSS3 gallery with hover effect
When you hover the cursor over an image, a quick change of photos takes place. The gallery is implemented in two versions: with a description of the images 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 pop-up icons.
22. Free HTML5 Image Gallery "Juicebox Lite"
A very functional new image gallery for the site. The gallery can be either with or without thumbnails, with or without a description of the image, it can be expanded to full screen or displayed on a page with fixed sizes. On the demo page, you can choose the type of gallery you like. Available for download free version galleries. You will have to pay for more advanced functionality and for removing the developer's logo.
23. Plugin "JQVMap"
24. CSS3 Parallax Slider
25. jQuery photo gallery with thumbnails
Responsive gallery, images and thumbnails resize with browser window size.
26. "Horinaja" jQuery content slider plugin
The plugin is easy to install, customizable, cross-browser. Any HTML content can act as a slide, not just images. You can scroll through the slides using the mouse wheel while the cursor is on the slide area.
27. "Pikachoose" jQuery slider plugin
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 enlarged image in pop-up window with FancyBox effect. The latest version can always be found on Github.
28. Several custom CSS dropdown styles
Five different styles of dropdowns using different CSS techniques.
29. Restaurant menu with animated 3D effect
Interesting JQuery CSS presentation of information on the page. By clicking on the link, a brochure menu opens and the visitor can read more about the dishes provided in the pop-up window. The animation is not displayed correctly in IE.
30. Plugin "Elastislide"
Implementation of rubber adaptive carousel(vertical and horizontal image carousel) and image galleries. When the browser window is reduced, the number of images is reduced to a certain minimum value, and then the size of the remaining images is scaled. Project on Github.
31. Fresh CSS3 jQuery 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 disperses 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 3D image slider "Slicebox"
A new version with changes and addition of new functions: now the 3D slider has become scalable, you can see it when you reduce the browser window; added support for Firefox; in the description for the slide, you can already use HTML content (before the description was pulled from the link attribute without the ability to use in it HTML tags). On the demo page, you can see 4 options for using the plugin. 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 with imitation of unwrapping a note. Various design options: with three spreads, with two spreads and a spread followed by centering of the expanded note.
34. jQuery plugin "Windy"
Plugin for navigating content such as images. When scrolling through the photos, they scatter in different directions (the effect is somewhat reminiscent of the distribution of cards in the card game poker). You can use the left / right buttons or the slider to navigate (see the demo page for different options). Project on
