ideal+image+slider适合手机端的纯JS幻灯片

ideal+image+slider适合手机端的纯JS幻灯片

Ideal Image Slider是一个轻量级的很简洁的图片滑动插件。它能用来展示文字、图片等任意的 HTML 内容。此插件并没有太多花哨的功能,仅包含一些基础的功能,实现了 fade 和 slide 两种动画切换效果。除了使用按钮的导航、分页外,它还支持使用键盘控制。

淘建站为您提供更多_图片代码_广告_轮播_焦点图,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 475 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:图片代码 > 广告 难易程度:中级

Ideal Image Slider 优势:

<ul class='ul_demo'>
<li>使用 HTML5 结构,对搜索引擎友好</li>
<li>使用 CSS3 启用硬件加速</li>
<li>支持键盘方向键导航</li>
<li>响应式,适用于任何尺寸的设备</li>
<li>支持高清视网膜设备</li>
</ul>

HTML

引入ideal-image-slider相关组件

<link rel="stylesheet" href="css/ideal-image-slider.css">
<link rel="stylesheet" href="themes/default/default.css">
<script src="js/ideal-image-slider.min.js"></script>

官方还提供了 2 个扩展:

<ul class='ul_demo'>
<li>iis-bullet-nav.js – 用于显示项目导航</li>
<li>iis-captions.js – 用于显示标题或描述</li>
</ul>

JavaScript

new IdealImageSlider.Slider('#slider');

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/184.html
ideal+image+slider适合手机端的纯JS幻灯片 希望对你有帮助,感谢您的支持!
  • jquery实现透明度轮播图特效

    jquery实现透明度轮播图特效

  • jQuery blockSlide插件熔岩灯标签导航banner焦点图片切换

    jQuery blockSlide插件熔岩灯标签导航banner焦点图片切换

  • jquery banner滑块导航条幻灯片轮播图片滚动

    jquery banner滑块导航条幻灯片轮播图片滚动

  • jQuery带缩略图的手机响应式图片轮播切换插件

    jQuery带缩略图的手机响应式图片轮播切换插件

  • jQuery带标题和缩略图的新闻图片自动轮播效果

    jQuery带标题和缩略图的新闻图片自动轮播效果

  • js带按钮圆弧展示图片自动轮播切换代码

    js带按钮圆弧展示图片自动轮播切换代码

  • jQuery css3全屏banner轮播切换动画效果

    jQuery css3全屏banner轮播切换动画效果

  • 高仿京东移动端首页纯js轮播 倒计时 触摸滑动 滚动特效

    高仿京东移动端首页纯js轮播 倒计时 触摸滑动 滚动特效

  • jQuery仿途牛图片轮播样式代码

    jQuery仿途牛图片轮播样式代码

  • 自适应轮播

    自适应轮播

  • 导航加渐变轮播

    导航加渐变轮播

  • jquery图片插件制作图片轮播滚动代码

    jquery图片插件制作图片轮播滚动代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2