进入专题模式查看 >>

在网站的首页放上一个滚动的大图,几乎是一个常态,针对这个需求,joomla已经有很多的解决方案,其中最好的方案就是 Revolution Slider 。在本节我们将介绍如何使用Revolution Slider来实现首页的滚动大图。

1,本节目标


了解Revolution Slider扩展,并且使用这个扩展来实现 首页的滚动大图模块。

2,网站幻灯片,滑块解决方案 - Revolution Slider


 2.1 安装 Revolution Slider

打开应用市场,在搜索栏中输入关键词 “幻灯片”。即可找到 Revolution Slider 组件。直接在线安装即可。

2.2 使用 Revolution Slider

在应用市场的项目详情中已经介绍了该扩展的使用方法,大家可以研究一下。在这里就不多说了。

2.2.1 进入管理界面

在应用市场中直接点击 进入管理按钮就可以进入到 组件的操作界面了。也可以通过 导航栏上的 组件 -> Unite Revolution Slider 2 进入到组件的管理界面

2.2.2 新建滑块

新建一个滑块。注意,你是新建了一个滑块,不是添加一个幻灯片,这个滑块可以包含多个图片。如图:

革命滑块使用截图1.png

2.2.3 向滑块中添加幻灯片

点击编辑幻灯片,向滑块中添加幻灯片。如图:

Joomla革命滑块添加幻灯片.png

这样我们的滑块就新建完成了。

2.2.4 在前台展示滑块

这个组件提供了一个模块,用来展示滑块,在扩展,模块管理中,我们新建一个模块,将模块的类型选择为 Unite Revolution Slider 2。在general settings中将slider参数设置为 我们刚刚新建的滑块。如图:

joomla首页大图参数设置.png

关于这个模块,有两个重要的参数,一个是菜单指派,在这里我们只需要该模块在首页显示,因此,在菜单指派设置中,将其指派到首页即可。这里就不截图了。

另外一个重要的参数就是 模块的位置 。在这里我们将其设置为 banner. 如果不清楚如何查看模块的位置,请参考文章:Joomla模板位置预览

这样我们的首页滚动大图模块就设置好了。

3,查看效果


Joomla首页滑块大图效果截图.png

至此我们就完成了首页滚动大图这个模块了。

关于该模块的一些细节,比如高度,图片上的文字设置啊,这些在本文就不做讨论了,大家可以自己尝试设置,或者在社区中发帖讨论

 

评论 (9)

  • 没有找到Revolution Slider组件

    0 喜欢
  • 有的。在可能搜索的关键词不对。你在应用市场中再找找。另外,Revolution Slider 不能够在php7.2以上运行

    0 喜欢
  • 当前使用的 PHP 版本 5.6.32呢,应用市场没有找到。幻灯片放映 SLIDESHOW,幻灯片CAROUSEL,按幻灯片关键词只查找到这两个

    0 喜欢
  • 请阅读本系列教程第九章 应用市场 - Joomla中文扩展库

    0 喜欢
  • 已经安装了应用市场了,但是确实没找到Revolution Slider组件

    0 喜欢
  • 加我QQ:804941666 给我看一下应用市场的截图

    0 喜欢
  • :D感谢,已经解决了

    0 喜欢
  • 导出滑块文件格式错误!这可能是因为未启用ZipArchive扩展名。有没有有人遇到这样的问题啊

    0 喜欢
  • 这个组件不支持7.1以上的PHP啊,要升级了!

    0 喜欢