Use high resolution images when slider is fullscreen

We can use low resolution images (small size images) for the image slider, and configure the slider to use high resolution images (large size images) when the slider is enlarged to fullscreen mode.

Visit Ninja Slider to download this demo or purchase license.

Use high resolution images in slider's fullscreen mode

Just add the high resolution image to the slide image through the data-fs-image attribute:

<a class="ns-img" href="img/a_s.jpg" data-fs-image="img/a.jpg"></a>

For details please refer to the source code of demo 7 in the download package.

Use different pixel images for different sized devices

Another similar feature: the Ninja slider can be set to load different pixel images for different sized devices. For details please click the FAQ #5 link in Ninja Slider.