AP Smart LayerSlider (Style5)


Nullam Risus
Nullam mattis consectetur purus sit amet fermentum.

Placerat Interdum Felis Vestibulum

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Lacinia Quam
Neque porro quisquam est, qui dolorem ipsum quia

Dolorem Ipsum quia Dolor sit Amet

Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Phasellus congue
Phasellus congue purus sit amet fermentum.

Nullam Quis Risus

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
 Mollis Ornare
Amet fermentum nullam quis.

Consectetur Adipisicing Elite

  • Etiam mattis consectetur. purus sit amet fermentum.
  • Sed ut perspiciatis. Nullam quis risus
  • Fermentum eget urna mollis
  • Ornare vel eu leo nullam mollis ornare
  • Placerat Interdum felis vestibulum.
Fel eu leo nullam mollis ornare. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.
Vatna euismod
Risus eget sem malesuada
Etiam mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo.
Vestibulum
Donec ullamcorper nulla.
Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis.
Gravida Suscipit
Donec ullamcorper nulla.

Phasellus Congue Voluptatem

  • Fermentum eget urna mollis
  • Ornare vel eu leo nullam mollis ornare
  • Placerat Interdum felis vestibulum.
Eius modi tempora incidunt ut labore et dolore voluptatem feugiat sollicitudin sapien. Sed posuere.
Porta sem
Inventore veritatis et quasi
Donec ullamcorper nulla venenatis vestibulum. Porta sem malesuada magna mollis euismod Aenean.
Quia Consequ
Voluptas sit aspernatur aut
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.
Nullam Risus

Nullam Risus

Nullam mattis consectetur purus sit amet fermentum
Lacinia Quam

Lacinia Quam

Neque porro quisquam est, qui dolorem ipsum quia
Phasellus congue

Phasellus congue

Phasellus congue purus sit amet fermentum. Nul
 Mollis Ornare

Mollis Ornare

Amet fermentum nullam quis. Consectetur Adipisic
Vatna euismod

Vatna euismod

Risus eget sem malesuada
Vestibulum

Vestibulum

Donec ullamcorper nulla.
Gravida Suscipit

Gravida Suscipit

Donec ullamcorper nulla. Phasellus Congue Volupt
Porta sem

Porta sem

Inventore veritatis et quasi
Quia Consequ

Quia Consequ

Voluptas sit aspernatur aut

Example: Style5

  • Vertical slides. This example demonstrates that the slides are oriented vertically.
  • Animated Layers. AP Smart LayerSlider supports layers, which are blocks of text or HTML content that can easily be positioned, sized or animated. Layers can be both animated and static and they can hold any HTML content like: text, links, buttons, images, DIVs, headings, etc. Also, layers can be scaled down automatically or with CSS.
  • Auto Scale Layers features automatic scaling of the layers when the slider becomes smaller.
  • Thumbnails can contain text, images or both. In this example thumbnails contain mixed content: image, title and description. Thumbnails can be positioned at top, bottom, left or right of the slides. Based on the slide width, thumbnails will adjust automatically, depending on where they are positioned. If thumbnails are on the left or right position, slider will then have re-calculated width (pixels) to fit into slide (with aspect ratio), and if thumbnails are on the top or bottom position the main image will take a full width of the slide. Also, if "Force Size" is set to "Full Width", it will still enlarge the slider with aspect ratio to fill the width (full stretch) by overflowing its parent elements.
  • Captions. Allows you to add captions to slides. Captions will be displayed one at a time, below the slides.

Other examples:


Accordion Menu

Recently Visited