图片自动播放,图片轮播带标题及描述,左右切换功能,移上切换

所属分类:媒体,媒体-幻灯片和轮播图,滑块和旋转

 51665  400  查看评论 (13)
分享到微信朋友圈
X
图片自动播放,图片轮播带标题及描述,左右切换功能,移上切换 ie兼容8
<a href="javascript:;" rel="nofollow" class="prev focus-prev png" id="focus-prev" target="_self">Prev</a>
<a href="javascript:;" rel="nofollow" class="next focus-next png" id="focus-next" target="_self">Next</a>

分别为左边的切换按钮、右边的切换按钮

<div class="trigger" id="focus-trigger"> 
    <span><i></i></span> 
    <span><i></i></span> 
    <span><i></i></span> 
    <span><i></i></span> 
    <span><i></i></span> 
    <span><i></i></span> 
    <span><i></i></span> 
</div>
显示多少张图片下标提示多少张,增加图片的话,增加<span><i></i></span> 标签就可以。
<link rel="stylesheet" type="text/css" href="base.css" />
<link rel="stylesheet" type="text/css" href="main.css" />

css样式,需要修改显示区宽及高度,调样式在main中用到较多

<script type="text/javascript" src="jquery.min.js"></script> 
<script src="missamy.js"></script> 
<script type="text/javascript" src="main.js"></script>

比不可少的js代码,可根据自己需求在里面修改调整。

相关插件-幻灯片和轮播图,滑块和旋转

纯js响应式轮播图

web端纯js响应式轮播图,支持移动端滑动切换
  幻灯片和轮播图
 33969  354

html5全屏幻灯片切换

html5全屏阶梯式图片幻灯片切换
  幻灯片和轮播图
 34214  403

jQuery跨浏览器幻灯片插件jquery.iosslider

iosSlider iosSlider是一个可定制的、跨浏览器幻灯片jQuery插件。设计用于作为内容滑块、旋转木马、滚动网站旗帜或者图片库。其效果类似于ios的横向滚屏效果
  幻灯片和轮播图
 31925  334

幻灯片的简单实现

简单的幻灯片效果
  幻灯片和轮播图
 28258  330

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

    阿明SEO已认证 0
    2021/5/17 12:32:57
    阿明SEO已认证 0
    2021/5/17 12:32:54
    锾中???树叶?? 0
    2018/10/8 17:54:07
    很好,可以试试 回复
    jamieChen 0
    2017/8/24 10:13:00
    我自是年少,不负年少 0
    2016/12/2 14:12:57
    看上去确实不错的 回复
    简夏・汉尼 0
    2016/2/2 11:02:53
    我今年二十一岁 0
    2016/1/29 22:01:17

    看上去确实不错的

    回复
    夜!惜晨 0
    2015/12/10 20:12:11

    看上去确实不错

    回复
    fayetag 0
    2015/11/27 8:11:29

    看上去很不错的感觉

    回复
    XIKUSA 0
    2015/10/15 13:10:52
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复