当前位置:JS特效 » 幻灯片和轮播图 » 基于json数据的动态jquery轮播图插件
 基于json数据的动态jquery轮播图插件
如果您觉得内容不错,请分享:
标签: 轮播图json

插件介绍

这是一款基于json数据的动态jquery轮播图插件。该jquery轮播图插件模仿Facebook的轮播图UI,并通过json文件来动态获取轮播图中图片和描述信息的数据,来制作漂亮的多卡片轮播效果。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:43
简要教程

这是一款 基于json数据的动态jquery轮播图插件。该jquery轮播图插件模仿Facebook的轮播图UI,并通过json文件来动态获取轮播图中图片和描述信息的数据,来制作漂亮的多卡片轮播效果。

使用方法

在页面中引入jquery_carousel_slider.css,jquery和jquery_carousel_slider.js文件。



                  
                
HTML结构

使用一个

元素作为轮播图的容器。


                
初始化插件

该jquery轮播图插件可以通过下面几种方法来进行初始化。


                
JSON数据格式

要使该jquery轮播图插件正常工作,必须提供正确的json数据格式。

{
  //注意 ! "Subject" 必须和配置参数中设置的一样。
  "Subject":[
      {
              "title":"Gin",
              "des":"1988",
              "imgpath":"path/to/image.jpg"
          },
          {
              "title":"Brandy",
              "des":"1977",
              "imgpath":"path/to/image.jpg"
          },
          ...
        ]
}                  
                

该jquery轮播图插件的github地址为:https://github.com/Carr1005/jquery-carousel-slider

Top