让幻灯片播放

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们再回到视图的编辑界面,结构,视图,编辑一下电影这个视力,然后选中 幻灯片区块 这个视图显示…

我们先设置一下在幻灯片里显示的内容字段,目前有一个 内容:标题 字段,先去掉它,重新整理… 先修改一下应用的范围… 选择 当前 block,移除,然后 应用 ...

下面我们添加一个新的字段,点击 添加 … 找到之前创建的 内容: 幻灯片 这个字段… 选中以后,点击 应用…

去掉 生成标签 这个选项,图像样式,我们选择之前专门为幻灯片图片设计的 slideshow 这个样式… 图像链接到 选择 内容 … 点击 应用 …

如果你愿意的话,可以继续添加想要在幻灯片上显示的其它的字段…

字段准备好以后,我们再来配置一下过滤条件,现在有两个过滤条件,一个是内容的状态为已发表,还有一个是内容的类型是电影,我们再添加一个… 点击 添加 …

找到 内容: 推荐到首页 ,勾选一下 … 修改应用的范围,当前 block … 点击 应用 … 选择 是,然后再次点击 应用 …

这样只有推荐到首页上的电影内容才能出现在这个幻灯片的区块里面。

我们还需要再设置一下这个视图显示的分页器,点击 使用分页器 后面的链接,选择 显示所有内容,修改应用范围… 然后点击 应用 …

幻灯片设置

下面我们再去设置一下幻灯片的格式。

在格式这里,我们已经设置为了 幻灯片,点击后面的 设置。浏览到幻灯片的设置区域…

在幻灯片类型这里,选择的是 Cycle ,这个类型就是 Views Slideshow Cycle 那个模块提供的,在下面的 Cycle 选项里,提示我们必须安装一个 jQuery cycle 的插件… 下载这个插件,然后把它放在 sites/all/libraries 下面的 jquery.cycle 这个文件夹里面。

点击提示信息里的这个链接可以找到这个 jQuery 插件的下载地址…

打开以后点击页面左上角的 Download the Cycle Plugin 这个链接… 然后选择下载 Cycle Plugin … 按住 alt 键,再点击下载链接…

找到下载下来的这个 .js 的文件。然后我们打开 Drupal 网站的目录…

打开 site/all ,在这个文件夹里,我们新建一个 libraries 文件夹,打开这个 libraries 文件夹,在这里再新建一个 jquery.cycle 的文件夹,我们再把之前下载下来的 cycle 插件放在这个文件夹里 …

再回到视图的设置界面,刷新 … 重新打开幻灯片的设置界面…

如果看不到刚才的警告信息,证明我们已经成功的安装了 jQuery Cycle 插件。

下面我们可以找到这个幻灯片区块,让它显示出来… 在新标签里打开 结构,区块,找到 电影幻灯片 这个区块,指定一个区域显示,选择 高亮 这个区域…

然后点击 保存区块… 再去设置一下这个区块… 在 高亮 区域找到它,然后点击 配置,我们让这个区块只显示在电影这个页面上。

在特定页面显示区块,选择 只在下列页面,然后输入页面的路径,movie …

点击 保存区块 …

回到前台页面,打开 电影 这个页面…

在这里你会看到这个幻灯片区块… 每隔几秒钟,会切换显示不同的幻灯片内容,切换的时候还有一个过滤的效果...

在下面的视频里我们来看一下幻灯片的高级设置。

让幻灯片播放《 Drupal 7 基础(下) 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点