jquery开源插件fancybox实现的网站开发中全屏轮播效果

使用fancybox实现的一个网站开发中的全屏轮播效果

项目截图如下：

var isPass = false;
$(document).ready(function(){
	var $doc=$(document).scrollTop(1);
	var flag=false;//第一次进入页面
	var timer,once=1;
	var $banner=$(".banner");
	$(window).scroll(function(){
		if(once==1){once=null;return false;}
		if($doc.scrollTop()<3){
			clearTimeout(timer);
			if(flag!=1){
				timer=setTimeout(function(){
					flag=1;//banner展开
					$banner.stop(true,true).animate({"height":"68%"},400);//height原来为100%，鼠标下拉有自动充满整屏的效果。由于业务需要，去掉此效果，
				},200);
			}
			
		}else{
			clearTimeout(timer);
			if(flag!=2){
				timer=setTimeout(function(){
					flag=2;//banner收起
					$banner.stop(true,true).animate({"height":"68%"},400);
				},200);
			}
		}
	})
	$('.fancybox-thumbs').fancybox({
		helpers : {
				thumbs : {
					width  :120,
					height : 79
				}
			}
	});
	//一次横向滚动一个
	for(i=0;i<document.links.length;i++){
		document.links[i].title='555';
	}
	
	
	
	$('.appClose').click(function(){
		$('#appointment').hide();
		$('#app2').hide();
		mailInfoClear();
	});	

	$(".gPic").hover(function(){
		$(this).siblings(".guoqi").toggle()
	});
  
});

效果如下：