var jq = $.noconflict(); //ban_qh jq.fn.banqh = function(can){ can = jq.extend({ box:null,//总框架 pic:null,//大图框架 pnum:null,//小图框架 prev_btn:null,//小图左箭头 next_btn:null,//小图右箭头 prev:null,//大图左箭头 next:null,//大图右箭头 pop_prev:null,//弹出框左箭头 pop_next:null,//弹出框右箭头 autoplay:false,//是否自动播放 intertime:5000,//图片自动切换间隔 delaytime:800,//切换一张图片时间 pop_delaytime:800,//弹出框切换一张图片时间 order:0,//当前显示的图片(从0开始) picdire:true,//大图滚动方向(true水平方向滚动) mindire:true,//小图滚动方向(true水平方向滚动) min_picnum:null,//小图显示数量 pop_up:false,//大图是否有弹出框 pop_div:null,//弹出框框架 pop_pic:null,//弹出框图片框架 pop_xx:null,//关闭弹出框按钮 mhc:null//朦灰层 }, can || {}); var picnum = jq(can.pic).find('ul li').length; var picw = jq(can.pic).find('ul li').outerwidth(true); var pich = jq(can.pic).find('ul li').outerheight(true); var pichd1 = jq('#ban_pic1').find('ul li dl').outerheight(true); var pichd2 = jq('#ban_pic2').find('ul li dl').outerheight(true); var poppicw = jq(can.pop_pic).find('ul li').outerwidth(true); var picminnum = jq(can.pnum).find('ul li').length; var picpopnum = jq(can.pop_pic).find('ul li').length; var picminw = jq(can.pnum).find('ul li').outerwidth(true); var picminh = jq(can.pnum).find('ul li').outerheight(true); var pictime; var tpqhnum=0; var xtqhnum=0; var popnum=0; jq(can.pic).find('ul').width(picnum*picw).height(picnum*pich); jq(can.pnum).find('ul').width(picminnum*picminw)/*.height(picminnum*picminh)*/; jq(can.pop_pic).find('ul').width(picpopnum*poppicw); jq('#ban_pic1').css('height',pichd1); jq('#ban_pic2').css('height',pichd2); //点击小图切换大图 jq(can.pnum).find('li').click(function () { tpqhnum = xtqhnum = jq(can.pnum).find('li').index(this); show(tpqhnum); minshow(xtqhnum); }).eq(can.order).trigger("click"); //大图弹出框 if(can.pop_up==true){ jq(can.pic).find('ul li').click(function(){ jq(can.mhc).height(jq(document).height()).show(); jq(can.pop_div).show(); popnum = jq(this).index(); var gdjl_w=-popnum*poppicw; jq(can.pop_pic).find('ul').css('left',gdjl_w); popshow(popnum); }) jq(can.pop_xx).click(function(){ jq(can.mhc).hide(); jq(can.pop_div).hide(); }) } if(can.autoplay==true){ //自动播放 pictime = setinterval(function(){ show(tpqhnum); minshow(tpqhnum) tpqhnum++; xtqhnum++; if(tpqhnum==picnum){tpqhnum=0}; if(xtqhnum==picminnum){xtqhnum=0}; },can.intertime); //鼠标经过停止播放 jq(can.box).hover(function(){ clearinterval(pictime); },function(){ pictime = setinterval(function(){ show(tpqhnum); minshow(tpqhnum) tpqhnum++; xtqhnum++; if(tpqhnum==picnum){tpqhnum=0}; if(xtqhnum==picminnum){xtqhnum=0}; },can.intertime); }); } //小图左右切换 jq(can.prev_btn).click(function(){ if(tpqhnum==0){tpqhnum=picnum}; if(xtqhnum==0){xtqhnum=picnum}; xtqhnum--; tpqhnum--; show(tpqhnum); minshow(xtqhnum); }) jq(can.next_btn).click(function(){ if(tpqhnum==picnum-1){tpqhnum=-1}; if(xtqhnum==picminnum-1){xtqhnum=-1}; xtqhnum++; minshow(xtqhnum) tpqhnum++; show(tpqhnum); }) //大图左右切换 jq(can.prev).click(function(){ if(tpqhnum==0){tpqhnum=picnum}; if(xtqhnum==0){xtqhnum=picnum}; xtqhnum--; tpqhnum--; show(tpqhnum); minshow(xtqhnum); }) jq(can.next).click(function(){ if(tpqhnum==picnum-1){tpqhnum=-1}; if(xtqhnum==picminnum-1){xtqhnum=-1}; xtqhnum++; minshow(xtqhnum) tpqhnum++; show(tpqhnum); }) //弹出框图片左右切换 jq(can.pop_prev).click(function(){ if(popnum==0){popnum=picnum}; popnum--; popshow(popnum); }) jq(can.pop_next).click(function(){ if(popnum==picnum-1){popnum=-1}; popnum++; popshow(popnum); }) //小图切换过程 function minshow(xtqhnum){ var mingdjl_num =xtqhnum-can.min_picnum+2 var mingdjl_w=-mingdjl_num*picminw; var mingdjl_h=-mingdjl_num*picminh; if(can.mindire==true){ jq(can.pnum).find('ul li').css('float','left'); if(picminnum>can.min_picnum){ if(xtqhnum<8){mingdjl_w=0;} if(xtqhnum==picminnum-1){mingdjl_w=-(mingdjl_num-1)*picminw;} jq(can.pnum).find('ul').stop().animate({'left':mingdjl_w},can.delaytime); } }else{ jq(can.pnum).find('ul li').css('float','none'); if(picminnum>can.min_picnum){ if(xtqhnum<8){mingdjl_h=0;} if(xtqhnum==picminnum-1){mingdjl_h=-(mingdjl_num-1)*picminh;} jq(can.pnum).find('ul').stop().animate({'top':mingdjl_h},can.delaytime); } } } //大图切换过程 function show(tpqhnum){ var gdjl_w=-tpqhnum*picw; var gdjl_h=-tpqhnum*pich; if(can.picdire==true){ jq(can.pic).find('ul li').css('float','left'); jq(can.pic).find('ul').stop().animate({'left':gdjl_w},can.delaytime); }else{ jq(can.pic).find('ul').stop().animate({'top':gdjl_h},can.delaytime); }//滚动 //jq(can.pic).find('ul li').eq(tpqhnum).fadein(can.delaytime).siblings('li').fadeout(can.delaytime);//淡入淡出 jq(can.pnum).find('li').eq(tpqhnum).addclass("on").siblings(this).removeclass("on"); }; //弹出框图片切换过程 function popshow(popnum){ var gdjl_w=-popnum*poppicw; jq(can.pop_pic).find('ul').stop().animate({'left':gdjl_w},can.pop_delaytime); //jq(can.pop_pic).find('ul li').eq(tpqhnum).fadein(can.pop_delaytime).siblings('li').fadeout(can.pop_delaytime);//淡入淡出 }; } /* 本代码由素材家园收集并编辑整理; 尊重他人劳动成果; 转载请保留素材家园链接 - www.sucaijiayuan.com */