幻灯片的分页器

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

我们可以为幻灯片添加用来切换幻灯片内容使用的分页器,这个分页器可以是数字,也可以是图片,也可以是任何你能想到的其它的东西。

这个视频我们介绍一下为幻灯片添加数字分页器和图片分页器的方法。

先来看一下数字分页器… 首先我们要添加一个视图结果计数器的字段,点击 字段 旁边的 添加 按钮…

在全局类型的字段里,找到 View result counter ,这个字段可以显示视图输出结果的排名的数字,排在第一的内容,这个字段就显示数字1,排第二就显示数字2。

找到之后,勾选一下,点击 应用 …

去掉 生成标签 这个选项。然后选中 排除显示 这个选项,这样的话,视图会加载这个字段,但是它不会显示出来… 点击 应用 …

打开 幻灯片 格式的设置界面… 浏览到 Widgets 的设置区域… 我们在幻灯片的底部显示一个分页器… 勾选一下 分页器 这个选项…

分页器类型 选择 字段,在 分页器字段 里,我们选择 全局:View result counter… 点击 应用…

然后点击 保存…

回到前台页面… 在幻灯片的下面会显示一串数字,不同的数字代表不同的幻灯片内容… 点击某个数字… 可以打开对应的幻灯片内容…

下面我们再来看一下创建图片分页器的方法…

我们可以使用电影内容的海报字段做为图片分页器里的图片来源,我们先去为图片分页器里的图片创建一种样式。

打开 配置,图像样式,点击 添加样式,输入样式的名称,pager … 创建新样式

效果我们选择 比例缩放并裁切,点击 添加 … 宽度 输入 50,高度 也是 50 … 点击 添加效果…

下面我们再打开幻灯片视图…

先为图片分页器添加一个字段,点击 添加 … 选择 内容:海报 ,点击 应用 …

去掉 生成标签,然后选中 排除显示 … 图像样式 选择刚才创建的 pager … 再次点击 应用 …

打开幻灯片格式的配置界面… 修改一下底部 Widgets 分页器的设置…

去掉数字分页器的 View result counter 字段,勾选一下 内容:海报 这个字段。

点击 应用 ,然后 保存 …

回到前台页面,刷新 … 你会发现在幻灯片的下面会显示一些小的缩略图,点击这些缩略图,会显示出对应的幻灯片的内容。

不过这些小图片的排列方式并不是我们想要的,在下面视频里,我们去为这个幻灯片添加一些 CSS 样式。

幻灯片的分页器《 Drupal 7 基础(下) 》

统计

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

社会化网络

关于

微信订阅号

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