Lesson16 一招制胜, views实现 flexslider和carousel的banner幻灯片效果升级版

日期:2014-06-05 阅读:8621

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

Lesson16 一招制胜, views实现 flexslider和carousel的banner幻灯片效果升级版

一般情况下,views 输出以下方式来实现:
1、可以通过global custom text定制文本更方便,可以看终极之战第二部分的视频。
2、使用 views_php模块
3、覆写views的tpl文件。看第12课和本节课的内容。
4、其他方式。

具体文档请看>>

本节课,只用一招,就是foreach 来实现覆写views的tpl文件

(注意,在后台的views预览里有数据,不然不能覆写)

  <?php
foreach($view->result as $v){ 
  ?>  
  <li>
  <a  class="img" href="<?php echo $v->field_field_link['0']['raw']['value']?>">
  <img src="<?php echo file_create_url($v->field_field_image['0']['raw']['uri']);?>" alt="" />
  </a>
  <div class="title"><?php echo $v->node_title?></div>  
  </li>    
  <?php
}
?>

文档: 一个萝卜一个坑,前端开发人员如何独立完成drupal企业建站

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

index.php的define('DRUPAL_ROOT', getcwd());后面加以下代码:
 define("BASEPATH",'/tvdrupal');
 define("DEFAULTIMG",BASEPATH.'/sites/default/files/grid.jpg'); 

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

一些代码:

 //得到字段link  
 if(isset($v->field_field_link['0']['raw']['value'])) $link = $v->field_field_link['0']['raw']['value'];
 else $link='';
 
 //这是节点链接
$url = url('node/' . $v->nid); 


 //得到大小图片的字段
  if(isset($v->field_field_image['0']['raw']['uri'])) {
      $imguri = $v->field_field_image['0']['raw']['uri'];
   $style = 'thumbnail';
   $imgsmall = image_style_url($style, $imguri); //得到图片
  $imgbig = file_create_url($imguri);  
  }
 else
{ $imgsmall=DEFAULTIMG;
$imgbig=$imgsmall;
}

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

在tvdrupal.js加以下代码来支持 checkbox.js模块的效果(checkbox模块在第11课)
jQuery('.indexproduct a.img').colorbox({rel:'homepro'});

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

 

 

<<点击返回

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