KinSlideshow焦点图轮播插件

KinSlideshow默认设置效果代码:

*焦点图显示的标题为 img 中 alt 属性中的文字

*当只有一张图片时不显示按钮，但也会有无缝切换效果

* jquery  1 . 7 . 2 以上版本

jvascript:

  $(function(){
      $("#KinSlideshow").KinSlideshow();
  })
 
HTML:

  <div id="KinSlideshow" style="visibility:hidden;">
      <a href="http://www.lanrentuku.com" target="_blank"><img src="images/1.jpg" alt="这是标题一" /></a>
      <a href="http://www.lanrentuku.com" target="_blank"><img src="images/2.jpg" alt="这是标题二" /></a>
      <a href="http://www.lanrentuku.com" target="_blank"><img src="images/3.jpg" alt="这是标题三" /></a>
      <a href="http://www.lanrentuku.com" target="_blank"><img src="images/4.jpg" alt="这是标题四" /></a>
      <a href="http://www.lanrentuku.com" target="_blank"><img src="images/5.jpg" alt="这是标题五" /></a>
      <a href="http://www.lanrentuku.com" target="_blank"><img src="images/6.jpg" alt="这是标题六" /></a>
  </div>

http://www.lanrentuku.com/down/js/jiaodiantu-794/index.html

转载于:https://www.cnblogs.com/qing-chen/p/3818308.html