AP Smart LayerSlider
J 3.x PRO 3.6 M
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 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.
Fully Responsive
AP Smart LayerSlider is responsive and device friendly. Supports boxed, full-width, full-screen and fixed dimension layouts, all perfectly responsive on all mobile devices. Not only the images will scale down, but the animated layers (where you can add any content) will be scaled down automatically as well.
Sometimes the slider might be inside other containers which are less than full width/window. The 'Force Size' option is useful in those situations because it will still enlarge the slider to fill the width or window by overflowing its parent elements.
Easy-to-use Admin area
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.
Drag-and-Drop Uploader
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.
The upload will start instantly when you drop the files or select by clicking on to the addon area.
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. 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.
Smart Video Support
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.
Highlight features:
- 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 images via 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-Browser support. Works great in all the modern browsers.
- 5 Custom Styles included.
- 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.