Touch-enabled Creative Slider

AP Smart LayerSlider is a premium, fully responsive and touch-enabled Joomla module that allows you to create professional, multi-purpose sliders with smooth hardware accelerated transitions. This slider was built with user experience in mind, providing a clean and intuitive user interface in the admin area and a smooth navigation experience for the end-users.

AP Smart LayerSlider supports keyboard and touch navigation with swipe gesture. It’s Joomla 3.6 ready, and fully responsive and device friendly slider which works perfect in all major devices. AP Smart LayerSlider is layer slider as well, with the ability of adding any HTML contents (texts, DIVs, headings, images, videos, etc.) in layers, where your creativity is unleashed.

We provided a powerful backend configuration (admin area) so you can setup your AP Smart LayerSlider fast and easy.

The module has 50+ options to configure every aspect of AP Smart LayerSlider, with 5 styles (themes). You can load content from your Joomla articles or K2 articles (i.e., article’s image, title, descriptions, etc.), or select from image folder where you have images, or if not… you can use ajax drag-and-drop uploader.

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. The very basic knowledge of HTML is required, but outcome could be eye-catching, dynamic and intelligent. You can imagine yourself as a director of short animation movie, releasing your creativity to create what you desire.

Provides automatic control of the videos loaded inside the slider. For example, the video will pause automatically when another slide is selected, or, if the autoplay is running, it will be paused when a video starts playing.

The video types or providers supported by this module are: YouTube, Vimeo, HTML5 and Video.js.

You can upload multiple images into specific folder, using HTML5 uploader.

Easiest and fastest way to create slider from the scratch is by using built-in Drag-and-drop uploader. Uploading files to website manually via FTP is not that simple, that is why using Smart LayerSlider’s drag-and-drop uploader implementation is fast and effective. Only thing that you need is folder where to upload images.

Feature List

• CSS3 Transitions. Fast, accelerated CSS3 animations. All animations in the slider are powered by CSS3 transitions, ensuring the smoothest animations that are possible at the moment.
• Animated Layers. Layers can be both animated and static and they can hold any HTML content. Also, layers can be scaled down automatically or with CSS.
• Touch-swipe. The slider’s touch-swipe capabilities provides a native-like navigation experience on touch-screen devices. Swipe gestures are enabled for desktop devices as well.
• Fully Responsive. AP Smart LayerSlider is responsive by default. Not only the images will scale down, but the animated layers (where you can add any content) will be scaled down automatically as well.
• Fade Effect. In addition to swipe/slide transitions, AP Smart LayerSlider features a simple and elegant cross-fade transition between slides.
• Carousel Layout. The slider can show multiple slides in a carousel layout, by allowing you to set different sizes for the individual slide and for the whole slider.
• Chosen Image Folder. Use images from specific folder in admin, re-order and customize easily (custom title, desription, link).
• CSS-only controls. All the navigation controls (i.e., arrows, bullets) are CSS-only, webfont scalable vector icons.
• Smart Video Support. Videos inside the slider will be controlled automatically. For example, when a video starts playing, the autoplay stops, or, when another slide is selected, the video stops.
• Thumbnails. Thumbnails can contain text, images or both. Also, they can be positioned at top, bottom, left or right of the slides.
• Lazy Loading. Enables the loading of images only when they are in a visible area, thus saving bandwidth and speeding up the initial page load.
• Infinite Scrolling (Loop). By default, the slides will be arranged in a loop, allowing infinite scrolling. This can also be disabled, however.
• Full Width and Full Window. The slider’s size can be forced to fill the width or the window even when it’s inside a container that would normally restrict it to expand.
• Auto Height. The height of the slider can be set to adjust automatically to the full height of the currently selected slide.
• Customizable Orientation. Both the orientation of the slides and the orientation of the thumbnails can be set to horizontal or vertical.
• Keyboard Navigation. Slides can be navigated by using the keyboard arrow keys. Also, if a slide contains a link it can be activated by using the Enter key.
• Rendering imagesvia php resize (custom width/height.)
• Full-screen Support. The slider can be viewed in full-screen mode in all browsers that support the HTML5 Full Screen.
• Autoplay(autostrart) with custom time interval.
• Cross-Browsersupport. Works great in all the modern browsers.
• 5 Custom Stylesincluded.
• Dynamic Images. Loads images from specific folder.
• HTML5 Uploader. You can upload multiple images into specific folder, using dragn-and-drop HTML5 uploader.
• Dynamic Content. Easily load content from your articles (i.e., article’s image, title, descriptions, etc.). You can even combine multiple content types in the same slider.

Changelog:

October 16, 2016 – Version 3.4

- Updated javascript file.
- Fixed: issue with modal when editing thumbnails in admin.

February 25, 2015 – Version 3.3

- First release.