Features of Video Sliders – jQuery version
You can add any content into video sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It’s also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily.
Script architecture allows you to create your own version of the script using online tool and include in build only features that you need.
Touch navigation for slider and thumbnails, vertical or horizontal.
Responsive down to mobile
Size of slides and thumbnails can be dynamically changed (all sliders on this site are responsive).
HTML content in slides and thumbs
Any content can be inserted inside each slide and thumbnail. Links are automatically blocked when dragging, inputs are handled too.
View content slider ▸
50+ js options, 4 skins with photoshop files, 9 pre-built templates (and more coming). Everything can be customized and dynamically resized via CSS.
Semantic and SEO friendly
All images are visible to search engines. Slider requires as low markup as possible. Tag names can be changed (slider can be created from an unordered list, as well as from a list of divs).
Auto slideshow that wait until image is loaded, and has an option to stop at first user action or pause on hover.
Gallery loads nearby images in background, so users don’t need to wait each time and images are available instantly. You may set how many images to preload in options.
Slider can contain blocks of HTML that appear after slide transition using the fade or move effects. Provided as a module, and can be easily removed from build to save performance.
View example ▸
Slider supports fullscreen mode and automatically loads larger images in it.
View fullscreen gallery ▸
YouTube or Vimeo can be added to any slider. Video is hidden under the image placeholder and doesn’t load heavy iframe until required. Also, there is an API and instructions to add another video sources. Provided as a module.
View video gallery ▸
You may link to each slide from address bar by adding #hash to the end of URL. Optionally you can make URL automatically change when slide changes.
Gallery with permalins ▸
Thumbnails, tabs or bullets
Thumbnails are controlled by swipe gestures, can be positioned verticaly or horizontaly and resized separately from main slider area.
View gallery ▸
Auto image scaling
Images can “fit into area”, “fill the area”, “fit area only if image is smaller” or don’t scale at all.
You get unminified version of JS code and nicely organized CSS files. You’re free to modify any source files to fit your needs.
Video Sliders by Theme Fusion