xproslider

Versatile Responsive Slider, Scroller and Gallery - Touch Enabled

Lazy Loading Slider - Multiple Instances

Lazy loading image to save resources and loading time. Image is loaded when it is about to slide. In this example, there are 2 instances of slider. The left one is main slider with lazy image loading and the other one is used as info slider. Each slider can be configure independently. The main slider run in slide out mode and second slider in fading mode.

<-- This is new lazy loading method-->
<-- This is previous version lazy loading method-->

Jelly Babies

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam adipiscing aliquet risus. Pellentesque quis ante purus.

Sed tempor purus ut iaculis cursus. Fusce arcu mi, blandit eu laoreet ut, sodales vitae urna. Pellentesque sodales nec ipsum vel mollis.

Cras nec ligula sit amet turpis commodo aliquam. Curabitur sed neque eu lectus euismod tempus tempor sed mauris.

Yummy Bun

Maecenas fermentum, ligula ut varius faucibus, eros odio sagittis justo, nec ultricies eros lorem id ante. Sed nunc dolor, mollis auctor dui ac, tincidunt consectetur lectus. Morbi rutrum diam ac eros semper ornare.

Aliquam varius lacus non ante rhoncus, at consectetur dolor hendrerit. Mauris dapibus nulla nec vulputate gravida. Donec id diam dapibus, dapibus sem id, fringilla nibh. Suspendisse ultricies blandit semper.

Delicious Pancake

Sed eget volutpat elit. Pellentesque varius metus ac sollicitudin vestibulum. Vestibulum hendrerit sapien est, a pharetra neque lacinia vel. Donec porttitor commodo nibh non semper. Morbi eu imperdiet sapien. Sed laoreet urna lacinia molestie lacinia. Maecenas et tristique nulla, ut ultrices odio

Attempting Cookies

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam adipiscing aliquet risus. Pellentesque quis ante purus. Sed tempor purus ut iaculis cursus.

Fusce arcu mi, blandit eu laoreet ut, sodales vitae urna. Pellentesque sodales nec ipsum vel mollis. Morbi vitae nibh consequat, commodo turpis in, iaculis ipsum. Ut in posuere ipsum. Nunc feugiat lectus quis lacus porttitor, vitae aliquet tortor molestie. Cras nec ligula sit amet turpis commodo aliquam.

Cute Cupcake

Maecenas fermentum, ligula ut varius faucibus, eros odio sagittis justo, nec ultricies eros lorem id ante.

Sed nunc dolor, mollis auctor dui ac, tincidunt consectetur lectus.