Categories

.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.0

    options   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
    });
    
    
  • images

    version added: 6.14.0

    A set of images which will be displayed.

    Default: "img"

  • effect

    version added: 6.14.0

    The change over effect.

    Default: "standard"

  • delay

    version added: 6.14.0

    The time images will be visible in the play mode.

    Default: 3000

  • autoplay

    version added: 6.14.0

    A boolean indication wether to change images automatically by delay.

    Default: false

  • controls

    version added: 6.14.0

    The way the controls will be displayed (auto / visible / hidden).

    Default: "auto"

  • caption

    version added: 6.14.0

    A boolean indication wether to show the caption of the images.

    Default: false

  • count

    version added: 6.14.0

    A boolean indication wether to show the count of the images like (i of n).

    Default: false

  • defaultSize

    version added: 6.14.0

    which image size should be used as default ( 'XS' / 'S' / 'M' / 'L' ).

    Default: "M"