Linux 软件免费装
Banner图

Rolo Slider

开发者 pressfore
更新时间 2018年10月10日 04:37
PHP版本: 3.9.0 及以上
WordPress版本: 4.9.6
版权: GPLv2 or later
版权网址: 版权信息

标签

slider responsive slider image slider layer slider animated slider ken burns ken burns slider

下载

1.0.5 1.0.6 1.0.7 1.0.8

详情介绍:

Rolo Slider is Best Responsive Slider for creating stunning slides with ken burns effect and animated layers. Add images, heading ,subheading, description and buttons inside each slide. Select the entrance/exit animation for each layer, and edit slides and options inside simple to use native user interface. It comes in 2 layouts - Default one which is layered - you can add headinngs, description and buttons into slides, and Responsive Images layout - just simple images slider
Slider Demo | Documentation
Demos with addons :
Controller Addon Demo | Layer Colors Addon Demo | Posts Slider Addon Demo | Products Slider Addon Demo
Video Preview [youtube https://www.youtube.com/watch?v=WfxwUrSyN9Q] Main Features: Check out our Addons for even more options, like adding full height, styling individual layers, dynamic inclusion of posts and products into slider and more. Addons Features:

安装:

Rolo Slider can be installed in two different ways: 1- Steps to follow to install plugin via WordPress uploader 2- Steps to follow to install plugin via FTP

屏幕截图:

  • Import/Export Page
  • Options UI
  • Options Tooltip
  • One Click Demo Import

常见问题:

[Q] Why my images are not scaling on small screens in default layout

[A] Slider background images for default layout are set with css – background-size: cover and it is best and usual way for setting background for containers because in that way image will be forced to cover entire container regardless of the image size. So, it is important to know that most of the time, parts of the slide background won’t be visible. The actual visible portion will vary depending on screen orientation and width/height aspect ratio. For instance, the common aspect ratio of portrait orientated tablets is 3:4 (iPad), and for desktop monitors it is 16:9 (full-HD resolution). In all instances the background is scaled to be as large as possible so that the slider area is completely covered by the background image. In simple words, some background clipping must occur, while the “content-safe” area is the very center of each slide – this area is always visible. Keeping this safe area in mind, if you are using slider background as an important part of your visual message, like an image showing your product for example, make sure that product is placed within that safe area so it won’t be clipped out.

[Q] Why slider height is not applied for Responsive Images layout

[A] Responsive images layout is taking the height of the tallest image. This way it will ensure the proper scaling of the images across devices, while keeping the proper proportions. This layout do not support layered elements, because the elements wouldn't fit in this layout, as on the smaller screens images can get really small in height. To add layers use Default layout which is displaying images differently on small devices, using background protpery. For more details how it works read the answer for the first question above.

更新日志:

1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0 0.5.1 0.5 0.4.1 0.4 0.3.6 0.3.5 0.3.4 0.3.3 0.3.2 0.3.1 0.3 0.2 0.1.2 0.1.1 0.1.0