基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)

2020-05-27 18:11:26易采站长站整理

.button-prev { left: 15px; }
.button-next { right: 15px; }

JSON数据

该幻灯片的图片和图片描述信息有JSON数据来提供,格式如下:


sliderJSON = [
{
"imagePath": "1.jpg",
"order": "2",
"url": "#",
"slideText": "图片描述"
},
{
"imagePath": "2.jpg",
"order": "3",
"url": "#",
"slideText": "图片描述"
},
{
"imagePath": "3.jpg",
"order": "1",
"url": "#",
"slideText": "图片描述"
},
{
"imagePath": "4.jpg",
"order": "4",
"url": "#",
"slideText": "图片描述"
}

jquery-slider幻灯片插件的github地址为:https://github.com/eryasov/jquery-slider

以上所述是小编给大家介绍的基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!