Drupal Views

快速掌握drupal的jquery幻灯片效果,如何快速的覆写drupal的views

日期:2014-06-03 阅读:2504

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

网上有很多的jquery幻灯片效果,找到这些代码后,就可以套到drupal里了。

我们要结合views模块,我在views幻灯片这节课讲了一些方法,但觉得对于jquery幻灯片来说,这种方法不够快速,
同时在这个文档里,views输出字段要覆写的三个主题文件也是一种方法,但都没有现在介绍的这个方法快速。
现在再介绍一种更好的方法:

先建一个views的区块,然后 机读名字取名为bannerhome,这样我就可以去覆写这个文件了。
这个名字放在
sitesallthemesyourthemetemplatesviews下,名叫 views-view--bannerhome.tpl.php

然后记得清缓存,这个文件才会生效。
我们以flexslider插件为例:
里面的代码为:
<div class="bannerhome homeflexslider">
<ul class="slides">
 <?php
foreach($view->result as $v){    
  //echo '<li><a  class="img" href="'.$v->field_field_link['0']['raw']['value'].'"><img src="'.file_create_url($v->field_field_image['0']['raw']['uri']).'" alt="" /></a><div class="title">'.$v->node_title.'</li>';
  ?>
  
  <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
}
?>
</ul>
</div>
 
 这样就大功告成了。
 注意,上面代码的html部分是按照flexslider这个插件的要求写的。
 里面的php部分,就是我们需要的部分,用这些取到的字段,你套到别的jquery插件也可以的。

Drupal人工桥介绍>>

 

  • drupal的jquery幻灯片效果
    drupal的jquery幻灯片效果

<<点击返回

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