用bxslider制作响应式的drupal幻灯片

http://bxslider.com/ 

bxslider是一个响应式的jquery幻灯片插件。

这节课，我们就用它来做一个drupal的响应式幻灯片。

用到的图片数据，我们就创建一个前端效果的内容类型，然后通过views来实现。

在格式设置里，列表的类里加上tvbxslider

在显示的字段的设置里，不要勾上 提供默认的字段封装元素

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

custom.js的部分代码：

jQuery(document).ready(function($){
	。。。。。 
 
 $('.tvbxslider img').css('height','auto');
  $('.tvbxslider').bxSlider(); 

});

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

基本思路：

1 html --js插件
2 后台添加数据 --content type 或 block type
3 前台得到数据。views
4 得到字段的值 填充到html 
   通过 1 配置views 或  2 覆写twig

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

具体请看视频教程。