国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] Drupal图片轮播教程:使用fancy slide在添加幻灯图片效果

[复制链接]
发表于 4-21-2012 01:58 | 显示全部楼层 |阅读模式

需要模块:cck , fancy slide 。

 

准备工作:将下载的cck,fancy slide解压放到/sites/all/moudles/文件夹下

打开 首页>>管理>>站点构建>>模块 , 启用CCK中的Content,FileField,ImageField功能,再启用其他中的Fancy Slide功能,然后保存配置。


设置工作:打开 首页>>管理>>内容管理>>内容类型,点击 新闻(story) 后面的 manage fields ,在打开的设置页面下边的 add >> New field 中增加


Label:
Field name (a-z, 0-9, _):Type of data to store:Form element to edit the data:
      Image             field_image             File                Image

   

点击保存,打开的设置中可以设置帮助文本,允许上传的文件类型,图像尺寸,文件保存路径,文件大小限制,备用文本,标题,默认图片,图片数量限制,还有文件列表和说明列表显示。我只是将路径设置为images,并且允许用户添加标题,不限制文件数。

打开 首页>>管理>>内容管理>>Fancy Slide ,  点击 add 添加 。 在这里,你可以设置幻灯片名字(将显示在图片上方),图像显示尺寸,选择幻灯片类型(决定幻灯片从哪个新闻中提取图片),选择动画效果,提取照片的区域,每个幻灯片间隔时间,转换速度,imagecache 预设,选择是否循环,幻灯片方向,还有是否显示控制栏以及控制栏是否自动隐藏。选择好之后点击add保存。如果想要显示多个,可以再新增几个。

增加完后,会发现图片并没有在首页显示。这是因为这个区块没有添加到页面上。打开 首页>>管理>>站点构建>>区块 ,在禁用栏中会找到 Fancy slide:image 将它添加到你想让他显示的位置,然后保存。这样一个幻灯片便在你的首页上开始显示了,点击它,你就可以打开图片所关联的新闻。

 

美化工作:如果增加了几个区块但是上下排列,你可以修改fancy_slide/css/fancy_slide.css ,将.block-fancy_slide的宽度缩小并且向左浮动,这样就可以排成一行了,也可以设置css中照片的大小,使照片显示完整。

 


3 N4 D3 A( v# V2 w


来自:http://www.cnblogs.com/stylesheet 

转载请保留出处

|2011-2026-版权声明|平台(网站)公约|DOOOOR 设计网 ( 吉ICP备2022003869号 )

GMT+8, 2-13-2025 01:17 , Processed in 8.234350 second(s), 729 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表