一款基于Slippry.js插件实现的带左右箭头按钮控制与缩略图的图片切换特效,jQuery幻灯片切换代码。
1.jpg
js代码
  1. <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
  2. <script src="js/slippry.min.js"></script>
  3. <script>
  4.         var thumbs = jQuery('#thumbnails').slippry({
  5.           // general elements & wrapper
  6.           slippryWrapper: '<div class="slippry_box thumbnails" />',
  7.           // options
  8.           transition: 'horizontal',
  9.           pager: false,
  10.           auto: false,
  11.           onSlideBefore: function (el, index_old, index_new) {
  12.                 jQuery('.thumbs a img').removeClass('active');
  13.                 jQuery('img', jQuery('.thumbs a')[index_new]).addClass('active');
  14.           }
  15.         });

  16.         jQuery('.thumbs a').click(function () {
  17.           thumbs.goToSlide($(this).data('slide'));
  18.           return false;
  19.         });
  20. </script>
复制代码

jQuery幻灯片图片切换插件Slippry.zip

398.25 KB, 下载次数: 0

回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Powered by shiliapp.com   © 2019-2020