Joomla 3.x. 如何管理滑动器滑块(基于Jumerix)
January 3, 2017
您好,本指南将为您讲解如何管理 Swiper Slider module in Joomla template.
Swiper是最现代的全响应 slider,集成到我们基于joomla的模板,使您的网站外观真正令人惊叹.
让我们来看看我们可以添加哪些类型的幻灯片到网站 slider using this module. 首先,它可能是一个普通的动画幻灯片,上面有一张图片和一个标题:
但它也可以是一个幻灯片 background 视频或可配置的幻灯片 parallax image background. 实际上有很多选项可供选择. 让我们学习如何使用它们.
-
首先,打开站点管理面板,导航到 Extensions -> Modules section.
-
Use the Search field or the Search tools dropdown to locate your slider. 我们将过滤' Swiper '模块的帮助 ‘Search tools’ dropdown, ‘Filter by type’:
-
如你所见,这个模板有两个Swiper slider 模块,默认添加. Let’s edit the Home slider. 点击标题打开 module for editing.
-
The first tab 允许您编辑常规 module settings. 在这里,您可以为您的幻灯片文章选择类别, 选择是否显示幻灯片的标题和图像, 设置标题和链接, etc. 您还可以定义要在此部分显示的幻灯片数量:
-
The Swiper slider module 常规模块的设置,例如 Menu Assignments (在这里您可以选择哪些页面包含 slider), Module Permissions (您可以选择一组可以看到的网站用户 module), Advanced (feel free to define slider bootstrap 大小和CSS类). 它们可以在各自的选项卡中设置.
-
As to the unique module的设置,可以在 Swiper Settings tab. 如果需要,您可以在这里为每张幻灯片添加特定的效果. 让我们仔细看看这一部分:
-
您可以选择要应用该效果的幻灯片. E.g.,输入“1”,您将为第一张幻灯片添加效果.
-
在我们的例子中,幻灯片3有 parallax 效果应用于 background image. 选项中选择其他选项 dropdown or specify the parallax 以下各部分的设置:
-
Slide #2 is the video 幻灯片,您可以从您的网站选择其视频文件 media 库(上传文件到 Content -> Media Manager).
-
幻灯片#1没有添加特定的效果,所以它的图像被设置为 slider article itself (Content -> Articles -> Slider Category -> Slide #1 -> Images&Links tab).
-
Below are the general slider settings. You may select if the slider starts automatically, 选择滑动速度, set sider height, 使用不同种类的动画等等.
-
As to the ‘Navigation 和控件部分, 这里的每个选项都有“是/否”或“真/假”触发器,允许您配置所需的视图 slider 只需点击几下即可.
-
-
请随意尝试不同的配置选项 slider up to your needs. Then save the module 并在现场检查结果(刷新它以查看编辑),您可能还需要清除您的 browser cache).
这就是今天的全部内容,现在你离最伟大的网站又近了一步. Stay tuned!
请随时查看下面的详细视频教程:
Joomla 3.x. 如何管理滑动器滑块(基于Jumerix)