使用fancy slide在drupal中添加幻灯图片效果

    需要模块: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中照片的大小,使照片显示完整。

 

   

posted on 2010-03-20 01:47  Candyroot  阅读(2428)  评论(1编辑  收藏  举报