Ideal Image Slider是一个轻量级的很简洁的图片滑动插件。它能用来展示文字、图片等任意的 HTML 内容。此插件并没有太多花哨的功能，仅包含一些基础的功能，实现了 fade 和 slide 两种动画切换效果。除了使用按钮的导航、分页外，它还支持使用键盘控制。
Ideal Image Slider 优势：
<ul class='ul_demo'>
<li>使用 HTML5 结构，对搜索引擎友好</li>
<li>使用 CSS3 启用硬件加速</li>
<li>支持键盘方向键导航</li>
<li>响应式，适用于任何尺寸的设备</li>
<li>支持高清视网膜设备</li>
</ul>HTML
<div class="sucaihuo"> <div id="slider"> <img src="img/1.jpg" data-src-2x="/img/1@2x.jpg" alt=""> <img data-src="img/2.jpg" data-src-2x="/img/2@2x.jpg" alt=""> <img data-src="img/3.jpg" data-src-2x="/img/3@2x.jpg" alt=""> <img data-src="img/4.jpg" data-src-2x="/img/4@2x.jpg" alt=""> </div> </div>
引入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');
系统已开启自动识别垃圾评论机制，识别到的自动封号，下载出错或者资源有问题请联系全栈客服QQ 1915635791