Joomla 3.x. 如何管理滑动器滑块(基于Jumerix)

您好，本指南将为您讲解如何管理 Swiper Slider module in Joomla template.

Swiper是最现代的全响应 slider，集成到我们基于joomla的模板，使您的网站外观真正令人惊叹.

让我们来看看我们可以添加哪些类型的幻灯片到网站 slider using this module. 首先，它可能是一个普通的动画幻灯片，上面有一张图片和一个标题:

但它也可以是一个幻灯片 background 视频或可配置的幻灯片 parallax image background. 实际上有很多选项可供选择. 让我们学习如何使用它们.

1. 首先，打开站点管理面板，导航到 Extensions -> Modules section.

2. Use the Search field or the Search tools dropdown to locate your slider. 我们将过滤' Swiper '模块的帮助 ‘Search tools’ dropdown, ‘Filter by type’:

3. 如你所见，这个模板有两个Swiper slider 模块，默认添加. Let’s edit the Home slider. 点击标题打开 module for editing.

4. The first tab 允许您编辑常规 module settings. 在这里，您可以为您的幻灯片文章选择类别, 选择是否显示幻灯片的标题和图像, 设置标题和链接, etc. 您还可以定义要在此部分显示的幻灯片数量:

5. The Swiper slider module 常规模块的设置，例如 Menu Assignments (在这里您可以选择哪些页面包含 slider), Module Permissions (您可以选择一组可以看到的网站用户 module), Advanced (feel free to define slider bootstrap 大小和CSS类). 它们可以在各自的选项卡中设置.

6. As to the unique module的设置，可以在 Swiper Settings tab. 如果需要，您可以在这里为每张幻灯片添加特定的效果. 让我们仔细看看这一部分:

   • 您可以选择要应用该效果的幻灯片. E.g.，输入“1”，您将为第一张幻灯片添加效果.

   • 在我们的例子中，幻灯片3有 parallax effect applied to the 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. 你可以选择 slider starts automatically, 选择滑动速度, set sider height, 使用不同种类的动画等等.

     

   • As to the ‘Navigation 和控件部分, 这里的每个选项都有“是/否”或“真/假”触发器，允许您配置所需的视图 slider 只需点击几下即可.

     

7. 请随意尝试不同的配置选项 slider up to your needs. Then save the module 并在现场检查结果(刷新它以查看编辑)，您可能还需要清除您的 browser cache).

这就是今天的全部内容，现在你离最伟大的网站又近了一步. Stay tuned!

请随时查看下面的详细视频教程: