Price: Free (including commercial)or $20.00 if advanced features are used, see below.

Advanced Features

Lazy loading images:Each image will be preloaded in background only when it is about to be displayed (during the pause time of its previous image). The image slider can include unlimited number of images.

Download the demos, copy the demo's code and paste it into your page. When you see it is working, you can start customizing it to your own style by tweaking the HTML, CSS code, or changing the options in the JavaScript file (js-image-slider.js).

The <!DOCTYPE> is required. Otherwise IE may not display the slider properly.

If you prefer lazy loading images so that the slider can rotate unlimited number of large-size images, you can format the image markup in a different way. See Lazy Loading Images for details.

Lazy loading slider image will not load until the slider starts showing its previous image. It is preloaded in the background and be cached by the browser once loaded.
This allows the slider to start right away on page load without waiting for all images to be fully loaded.

How do I enable Lazy Loading Image?

For each image (usually it is not necessary for the first slide image),instead of:
<img src="image.jpg" alt="image desc" />
You can:
<a class="lazyImage" href="image.jpg" title="image desc"> . . . </a>

If your image has already been wrapped with a link, it is illegal to nest a link with another link: <a><a></a></a>.
Fortunately there is a solution for this scenario as shown below:

Video Support

Build/Update On the Fly Support

License

The slider with basic features can be used for free (including commercial).

The slider with advanced features (such as lazy loading images, thumbnail support, or video/audio support) requires a license.

The license is issued on a per-domain basis (valid for a domain and its sub-domains). Intranet domains and IP domains should also be licensed.

License Fee: $20.00

You can set the license to "b6t80" to disable the purchase reminder if running locally(e.g. file:///D:/jsImgSlider/demo6.html) or using the localhost server(e.g. http://localhost:(port#)/demo6.html)

The license entitles a website to use any or all of Menucool sliders except the Ninja Slider

You can use the licensed widget multiple times within the website for which you've purchased the license.

When you have acquired the license, open the js-image-slider.js file with Notepad, and update the license value accordingly.
var sliderOptions =
{
......
license: "mylicense"
};

FAQ about License

How the license works? Does it go to another web service to verify? Answer

Do I need a license for my dev and testing domain that is different from the final client's domain? Answer

Will it work for sub-domains? Answer

My website is on intranet. Do I need license for using your widgets in my intranet website? Answer

Do you provide developer license that can be applied to multiple websites? Answer

I have multiple domain names pointing to the same website. Can I apply multiple licenses to the same script? Answer

Do I need to renew the license for future upgrades/releases of the widget? Answer

You need to set the acquired license key to the license property in the widget's JavaScript file.

The JavaScript will use its own match pattern code to verify the license with the domain name on the browser's address bar.
The JavaScript file will perform the validation by itself and no other services will be involved.

If the validation failed(the domain name doesn't match the license key), the UI component may periodically display a trial version alert, or even disable some functionalities.

The code is fully functional even if the script is not licensed (though it may periodically show a trial version alert). So usually you don't need the license in your dev phase.

If you are developing under the domain localhost, either the trial version alert will be disabled, or we have provided a license for the localhost that you can find in the
License section of the product's main page.

Yes. If the license is valid for the main domain, it will also be valid for all its sub-domains(such as sub1.mydomain.com, sub2.mydomain.com).

Yes license is required for intranet domains, and you can enter your intranet domain into the For website box after clicking the Buy Now button.

If your domain2.com will be redirected to your domain1.com, you only need a license for domain1.com. You don't need multiple licenses in this scenario.

If your multiple domains are obviously for the same site, such as menucool.com, menucool.net, menucool.com.us,
you can input the regular price for the first domain, and input 1/2 of the price for the others.

No. The license will be valid forever as long as your domain is not changed.

If your domain name is changed, you need to purchase a separate license for the new domain.

The slider image is not scalable as the images in this slider will be used as the background of the sliced DIVs, and the background image cannot be scaled. If you cannot redesign/resize the images, you have the following options:

Content Slider that allows any HTML content. So you can resize the images by their CSS class or the inline style such as
<img src="..." style="width:300px; height:160px;" />

Use our Ninja Responsive Slider that will scale the image automatically to the size of the slider's containing block or browser.

hoverPause: 0, 1 or 2.0 - no pause when hovered;1 - pause when mouseover the slider;2 - pause when mouseover either the slider or the thumbnails(if any, as demo2 - 4)demo5 won't pause when mouseover the thumbnails because its hoverPause was NOT set to 2.

true or false. If true, the effect will be sliding in from left or right for manual navigation such as clicking Prev, Next, navigation bullets, or thumbnails.

Set the starting slide. It can be any index number (0-based), or "random", or "shuffle". Example: startSlide: "shuffle",

Note: "shuffle" will change the sequence order but "random" will not.

If the caption contains HTML content, you can put the content inside a DIV or SPAN element in the page, and set the
alt="#(id of the content container)". For example:
//For lazy loading image, the caption should be set to the title
attribute instead of the alt attribute.
//check out the demo 3 in the download package for details.
<img src="..." alt="#caption4" />
......
//The elments below can be anywhere in the page except within
the slider element (<div id="slider">...</>)
<div style="display: none;">
......
<div id="caption4">
<b>HTML</b> content
</div>
</div>