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.

  • Modular

    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-friendly

    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 ▸

  • Super customizable

    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).

  • Smart Autoplay

    Auto slideshow that wait until image is loaded, and has an option to stop at first user action or pause on hover.

  • Smart lazy-loading

    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.

  • Animated Blocks

    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 ▸

  • Native Fullscreen

    Slider supports fullscreen mode and automatically loads larger images in it.
    View fullscreen gallery ▸

  • Video support

    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 ▸

  • User-friendly

    Doesn’t block vertical scrolling, doesn’t block default browser zoom, works if javascript is disabled, allows navigating as fast as user wants (doesn’t block navigation), has options to disable mouse/touch drag for slides and thumbnails.

  • Permalinks (deeplinking)

    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.

  • Unminified Source

    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