.uiSlides()
Categories: UI
ep.uiSlides( options )
Subclass: ep
Inherit: (Subclass: ep) .widget()
Plugin: ep.ui.slides
Description: Create a slideshow for a given set of images.
-
ep.uiSlides( options )
version added: 6.14.0options A map of additional options pass to the method.
The ep.uiSlides()
method creates a slideshow for a given set of images.
-
Create a simple slideshow.
HTML:
<ul id="images" style="display:none;"> <li> <img alt="Bild 1" src="ep/ui/slidesTest_Image1.jpg" data-src-m="ep/ui/slidesTest_Image1.jpg" data-src-l="ep/ui/slidesTest_Image1.jpg" /> </li> <li> <img alt="Bild 2" src="ep/ui/slidesTest_Image2.jpg" data-src-m="ep/ui/slidesTest_Image2.jpg" data-src-l="ep/ui/slidesTest_Image2.jpg" /> </li> <li> <img alt="Bild 3" src="ep/ui/slidesTest_Image1.jpg" data-src-m="ep/ui/slidesTest_Image1.jpg" data-src-l="ep/ui/slidesTest_Image1.jpg" /> </li> </ul> <div id="slides01" style="width:400px;height:400px;"></div>
Code:
ep('#slides01') .uiSlides({ images : '#images img', action : "lightbox", caption : true, count : true, delay : 500, autoplay: true });