
一款基于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>










暂无评论内容