AP Smart LayerSlider (Style2)

Nullam Quis Risus
Nullam mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo rnare.
Lacinia Quam
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam est.
Phasellus congue purus sit amet fermentum. Nullam quis vulputate eget urna mollis ornare vel.
Cras mattis consectetur purus sit amet fermentum. Etiam porta quis risus eget sem malesuada magna mollis euismod risus eget.
Etiam mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo nullam mollis ornare.
Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla.
Donec ullamcorper nulla venenatis vestibulum. Porta sem malesuada magna mollis euismod Aenean.

Example: Style2

  • Full Width. This example illustrates the possibility to arrange the slides in a carousel layout while also stretching the slider to the full width of the page, by checking “Force Size” to “Full Width” and “Visible Size” to “100%” in admin's parameters. The “Force Size” property is useful when slider might be inside other containers which are less than full width/window. It will still enlarge the slider to fill the width or window by overflowing its parent elements. Even though the slider resides in a container that has a maximum width of 1170px and slider has width of 1000px, this feature makes it possible to have a full-width (or full-window) slider without making changes to the page's layout.
    Also, if you check “Visible Size”“Auto”, main slide will enlarge to fill the width, when “previous” and “next” slides will not be shown in the container next to main slide.
  • Loop is enabled. Indicates if the slider will be loopable (infinite scrolling). Slider is loopable by default, but if you don't want for some reason to loop slides, it can be disabled.
  • Auto Scale Layers features automatic scaling of the layers when the slider becomes smaller.
  • Captions. Allows you to add captions to slides. Captions will be displayed one at a time, below the slides.
  • Autoplay. Indicates whether or not autoplay will be enabled. It sets an delay/interval (in milliseconds) at which the autoplay will run. In this example is: '7000' (7 seconds).
  • Slide Distance (margin) is set to 10px. This indicates the gap (margin) between slides.
  • Buttons are active. You ca change custom color for buttons with alpha transparency (RGBA format) in module's admin. If you leave it transparent, it will inherit default value - black color.

Other examples:

Accordion Menu

Recently Visited