jQuery仿百度图片自适应横排瀑布流+放大幻灯片展示效果免费下载

jQuery仿百度图片自适应横排瀑布流+放大幻灯片展示效果,非常实用的横向图片瀑布流布局代码,点击图片弹出幻灯片大图切换展示。

JS代码

<script src="js/baguetteBox.js"></script> 
<script> 
 baguetteBox.run('.gallery', { 
  // 配置参数 
  buttons:Boolean,//是否显示导航按钮。 
  noScrollbars:true,//是否在显示时隐藏滚动条。 
  titleTag:true,//是否使用图片上的title属性作为图片标题 
  async:false,//是否异步加载文件。 
 
  afterShow:function(){//显示遮罩层之后的回调函数。    
       $(".pressing").fadeIn(); 
    }, 
  afterHide:function(){//隐藏遮罩层之后的回调函数。  
      $(".pressing").fadeOut();  
    } 
  //preload:5 预加载多少个文件。 
  // onChange: function(currentIndex, imagesCount){} 图片改变时的回调函数  
  // overlayBackgroundColor:'rgba(0,0,0,0.8)' 遮罩层的背景颜色 
}); 
 
$(function(){ 
 
    //返回顶部  
    $(window).scroll(function(){ 
        var sc=$(window).scrollTop(); 
        var rwidth=$(window).width() 
        if(sc>500){ 
            $("#goTopBtn").css("display","block"); 
            $("#goTopBtn").css("left",(rwidth-106)+"px") 
        }else{ 
            $("#goTopBtn").css("display","none"); 
        } 
    }) 
    $("#goTopBtn").click(function(){ 
        var sc=$(window).scrollTop(); 
        $('body,html').animate({scrollTop:0},100); 
    }) 
 
    $(".allnews").click(function () { 
        $("#allcon").css("height", "auto"); 
        $(this).hide(1000); 
    }); 
}) 
 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录