WunderSlider

The ultimate Responsive Embedded & Fullscreen jQuery Slider



Also visit the WunderSlider Demo and the WunderSlider WordPress Demo.

Download

Purchase to download WunderSlider and obtain a license for commercial purposes.

Download WunderSlider for free personal use.


  • Responsive & Flexible Layout

    Adaptive display modes support responsive designs without the need for media queries.

    WunderSlider’s flexible sizing system offers transition effects in all modes:

    • Fullscreen mode – occupies the entire viewport while staying in the background so that content can be displayed on top.
    • Proportional mode – adapts proportionally to the screen size.
    • Fixed mode – displays at a set fixed size.
  • WordPress plugins included

    WunderSlider comes with its own WordPress plugin that allows to embed it on WordPress sites through its own shortcodes.

    Visit the WunderSlider WordPress demo site for examples based on standard WordPress galleries and NextGen Gallery.

    The WunderSlider Gallery plugin provides an automated way to convert any standard WordPress gallery that is embedded on a page using the [gallery] shortcode into a WunderSlider.

    WunderSlider Gallery also supports NextGEN Gallery to embed any gallery as a WunderSlider using the [wunderslider_nggallery] shortcode or by enabling it as the default renderer for the [nggallery] shortcode.

  • Automatic Image Adjustment

    Images are adjusted to the slider size and display mode, maintaining the original image’s aspect ratio.

  • Effects

    41 transition effects that can be applied randomly or specified per slide.

  • Themes

    8 skins (themes) that support both embedded and fullscreen modes.

    Easily themeable.

  • Overlays

    12 overlay meshes in black or white with adjustable opacity for smoother image appearance on all display sizes.

  • Flexible Captions

    Individual image captions with titles, HTML descriptions and links.

    Caption position and size can be set independently for each image.

  • Links

    Link images and captions optionally: Allows to link image captions only or also the image.

  • Controls

    Show or hide UI controls independently: Next & previous navigation, image selectors, image captions.

  • Flick it!

    Flicking / swiping on all devices.

  • Touch Enabled

    All controls, including flicking / swiping, are supported in all display modes also on touch-enabled devices.

  • Viewing Comfort

    The slideshow can be paused optionally when the cursor is placed over an image.

  • Random Order

    Randomize image order: the order of the images displayed can be fixed or randomized.

  • Configurable Effects & Transitions

    Configurable number of effect blocks with auto-adjust feature to maintain a square block geometry if desired.

    A random number of blocks can be used as well.

    Configurable transition and effect times.

  • Lazy Loading

    Helps to save bandwidth by lazy loading images.

  • Valid Code

    • Valid HTML5
    • Valid CSS3
  • Cross-browser Compatible

    WunderSlider works with: FireFox, Internet Explorer, Safari, Chrome, Opera and other browsers on PC, Mac, iPhone, iPad and many other devices running Windows, Linux, Mac OS, iOS, and Android.

    Tested on:

    • FireFox (FF)
    • Internet Explorer 7, 8 and 9 (IE7, IE8, IE9)
    • Safari on Mac OS and iOS (Mac, iPad)
    • Chrome
    • Opera
    • Android

What version – Free for Personal Use or purchase a Commercial License?

The free version for personal use provides the same features as the commercial version. Its use is limited by the Free Personal Use Single Domain License (FPUSDL). This version adds a small logo to the bottom of pages where it is used and sends usage data (on 10% of page loads indicating the URL of the site it is used on). This is to spread word about the WunderSlider and make its use more wide-spread. It also helps to improve it – the more it is used, the more effort is put into its further development.

The commercial version is available for purchase under the Single Use Single Domain License (SUSDL) for commercial purposes. This version does not include the little icon and it does not send any usage data.

Documentation

WunderSlider includes extensive documentation in PDF form. For additional information please refer to the WunderSlider Documentation.

318 comments

  • Rachel

    Thanks Kento! I will try that. What do you think about the alt tags on the WordPress plugin? I can’t get them to show up. Also, is there a way to turn off autoplay? Thanks again.

    • Regarding autoplay, you can use the duration parameter and set it to a very large value.

      For the alt tags, as these aren’t generated, I’m taking note to include that at least as an option or even to have these generated by default.

    • PS we’re referring to the alt image attribute I would assume, not alt ‘tags’.

  • Sheng

    I am new for the wunderslider. May i know can the caption also have animation?

  • Since adding the Commercial Licensed Slider to my website I’ve been bombarded with ads throughout my entire site. Please help!

    Thanks in advance.

  • Marc

    Hi Kento,
    Any idea when the bug with the first slides timing will be fixed?

  • I am using wordpress.org.
    I downloaded the Wunderslider file from this site onto my computer and unzipped the file.
    Within the ‘Build’ file from the Wunderslider Personal folder, I found files for the Wunderslidder Gallery Plug in and the Wunderslidder-Personal Plug in. I unzipped these files.
    Via FTP I transfered them to the WordPress-Content-Plug in directory. Since there seems to be quite of few files and folders with similar names, I am unsure of the correct ones to use.
    Nothing is appearing within my WordPress plug in installed list.

  • Hi,

    First of all, thanks for developing this plugin, it seems quite cool! And… I have some questions :P

    1. I was wondering if there is a way to hook a jquery function after some events… for example, I need to change the class of my header and footer after or before a transition starts or finishes.

    2. Also would like to know if there is a way to append a specific class to div.caption in order to have a different style for each slide.

    3. Is there a way to control the transition of the captions too? E.g. fade the caption in. It seems to just flick as soon as the new slide transition is starting and, in my case, it would be good to fade-in with the slide.

    These are some requests from my client and, if these can be done, I’ll be pleased to buy the license and probably will use this jquery plugin in future projects too.

    Btw, I’m not using the wordpress plugin, although I’m using wordpress for the job. I just needed more control over the behaviour of the slides.

    I hope you can help me with those questions… and thank you in advance!

    • Hi Gledsley,

      Sorry for the ultra-late response, I had this tagged to take a good look at your suggestions :)

      #1 Currently not, but it’s a great idea. This would allow to keep things in sync with the slides. Note taken to be added!

      #2 Yes that can be done, it doesn’t really depend on the WunderSlider itself as you can identify that div with a jQuery selector and add any additional classes you would like to have on the element.

      #3 The captions are rather dull in that sense, I think it would be good to offer some kind of transition effect on those, too.

      Thanks for the suggestions!

  • Paul

    I have gallery turned off by default as I am only using one wunderslider throughout the site. I find I have to insert attributes into the gallery shortcode as the settings page has no effect. That is fine and working well, however I’d like to learn all of the possible attribute names. ie, I used wunderslider=”true” display=”proportional” mode=”proportional” and they work well but I also want to disable the slide selector buttons and captions. Where is the list of all attribute names? BTW nice program!

  • Sarah Huang

    hi,

    I have your plugin in http://www.livingattheborder.com/makeshift-communities, in the gallery, I have some vertical pictures. I am wondering, how i can show the whole picture, becase right now it’s cropping the image which I don’t want that…

    Thanks in advance!
    Sarah

    • Hi Sarah,

      One solution to that is to use pictures with similar dimensions, this has the advantage of letting you choose which part of the picture you actually want to show.

  • Thorsten

    Hi Kento,

    Thanks for this nice plugin. It works great on one of my sites except for the fact that I always get the following message above the slider gallery:
    Warning: file_exists(): File name is longer than the maximum allowed path length on this platform (4096):

    Since the website is password protected, I can’t really provide you with a link. But it’s based on the current wordpress version as well as on the genesis framework. Thus I use some genesis plugins as well as nextgen gallery, google fonts, wp minify fix and your plugin. A link to an example image looks like this (x are counted):
    http://xxxxxx.xxxxxxxxxxx.com/wp-content/gallery/xxxxxx-xxx-xxxx-xxxxxx-x/xxxxxx_xx_xxxxxxxxxxxxxxx.jpg

    It would be great, if you could help me with this.

    Best

    • Hi Thorsten,

      Please enable debugging in WordPress and check the wp-content/debug.log after visiting the page where that happens. At least it can give a clue to what’s causing it, I haven’t seen that before and I don’t think it’s related to the plugin itself.

      Cheers

Leave a comment

Your email address will not be published. Required fields are marked *

*

Please follow the Support guidelines.

Premium Support is available for customers in the Forums.