html5滑动图片轮播展示

所属分类:媒体-幻灯片和轮播图

 32222  243  查看评论 (1)
分享到微信朋友圈
X
html5滑动图片轮播展示 ie兼容12

图片替换请修改script.js

const slideData = [
{
  index: 0,
  headline: 'New Fashion Apparel',
  button: 'Shop now',
  src: 'img/t1.png' },

{
  index: 1,
  headline: 'In The Wilderness',
  button: 'Book travel',
  src: 'img/t2.png' },

{
  index: 2,
  headline: 'For Your Current Mood',
  button: 'Listen',
  src: 'img/t3.png' },

{
  index: 3,
  headline: 'Focus On The Writing',
  button: 'Get Focused',
  src: 'img/t4.png' }];
相关插件-幻灯片和轮播图

jQuery手机触屏滑动的响应式图片轮播效果

jQuery响应式图片插件,多种图片滑动轮播切换,兼容手机端的触屏滑动图片切换代码。
  幻灯片和轮播图
 63772  475

原生js轮播图炸裂切换效果

原生js写的图片炸裂轮播图
  幻灯片和轮播图
 24391  311
  幻灯片和轮播图
 172644  439

jQuery轮播图切换插件slick.js

slick.js实现图片轮播图渐隐切换动画特效,支持移动端滑动切换
  幻灯片和轮播图
 56506  361

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    dseven 0
    2019/11/28 17:01:16
    不错,就是有点小卡 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复