jQuery幻灯片图片切换插件Slippry
一款基于Slippry.js插件实现的带左右箭头按钮控制与缩略图的图片切换特效,jQuery幻灯片切换代码。
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载
js代码
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/slippry.min.js"></script>
<script>
var thumbs = jQuery('#thumbnails').slippry({
// general elements & wrapper
slippryWrapper: '<div class="slippry_box thumbnails" />',
// options
transition: 'horizontal',
pager: false,
auto: false,
onSlideBefore: function (el, index_old, index_new) {
jQuery('.thumbs a img').removeClass('active');
jQuery('img', jQuery('.thumbs a')[index_new]).addClass('active');
}
});
jQuery('.thumbs a').click(function () {
thumbs.goToSlide($(this).data('slide'));
return false;
});
</script>
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com


