Lesson12 初识views,用drupal人工桥实现flexslider和另一种carousel旋转木马的banner幻灯片效果-drupal7.24

日期:2014-02-25 阅读:12021

dmandwp系统 - wordpress系统和DM系统区块建站>>

要先安装 ctools :  https://drupal.org/project/ctools

views https://drupal.org/project/views

views的主要功能是 在不写php sql语句的情况下,可以输出我们想要的结果。

views输出字段要覆写的三个主题文件为:  views-view.tpl.php 和views-view-list.tpl.php和 views-view-fields.tpl.php

具体看视频讲解。

主要讲了三个问题:

一:用views实现flexslider的banner幻灯片效果 ;

二:用views实现carousel 旋转木马的banner幻灯片效果 

三:用views php模块 改变html输出。

--------------------------

由于views的主题覆写有时达不到我们想要的html输出,
这时要借用另一个模块viws php。https://drupal.org/project/views_php

可以先看下这个:drupal views后台设置和使用views_php模块来排版的区别>>

之所以达不到我们想要的html输出,这是views对前端不友好的地方,因为它要迎合非技术员通过后台配置来实现前端的排版,
这对于前端开发人员来说,是多余的,是很不理想。

-------------------

模块viws php,参考视频要用到的php代码(可以通过devel模块查看相关的对象):

echo '<a  class="img" href="'.$data->field_field_link['0']['raw']['value'].'"><img src="'.file_create_url($data->field_field_image['0']['raw']['uri']).'" alt="" /></a><div class="title">'.$data->node_title.'</div>';

$nodeurl = url('node/'. $data->nid);     
dpm($data)

----------------------

本节课后面,再介绍另一个幻灯片效果增强对drupal人工桥的认识。人工桥主要是一种配置,通过这种配置,把drupal和前端的jquery插件结合起来。
从而不用一些模块去实现前端的效果。比如幻灯片的效果,有这个模块views slideshow https://drupal.org/project/views_slideshow
如果用这个模块,只能实现有限的几种效果,但是会了人工桥,就可以实现无数的效果(前提是你要熟悉这些jquery效果的运用)。

我们再通过人工桥实现这个carousel旋转木马效果: http://www.responsivejqueryslider.com/carousel.html

http://2.s3.envato.com/files/43917021/index.html (用这个)

------------------

 

参考文档:

最强大的Views辅助模块--Views PHP  http://mentry.cn/module/views-php

 

  • 这是flexslider的效果
    这是flexslider的效果
  • 这是另一种carousel 旋转木马 的效果
    这是另一种carousel 旋转木马 的效果

<<点击返回

Drupal7视频教程 Drupal7主题 Drupal7最新文档 Drupal7推荐文档
  • 暂无内容!
  • 暂无内容!