聯(lián)系熱線
克重：100g--300g
特點：全木漿、耐破高、耐折穩(wěn)定、適合各類中高端產(chǎn)品包裝
青島中嘉霖晟漿紙有限公司主要經(jīng)營進(jìn)口?？垺⒚绹？?、新西蘭?？垼菍I(yè)的青島?？垙S家，愿景成為國內(nèi)環(huán)保包裝的推動者與立體化的牛卡紙包裝紙張供應(yīng)商。
$.fn.banqh = function(can){
can = $.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,//當(dāng)前顯示的圖片（從0開始）
picdire:true,//大圖滾動方向（true水平方向滾動）
mindire:true,//小圖滾動方向（true水平方向滾動）
min_picnum:null,//小圖顯示數(shù)量
pop_up:false,//大圖是否有彈出框
pop_div:null,//彈出框框架
pop_pic:null,//彈出框圖片框架
pop_xx:null,//關(guān)閉彈出框按鈕
mhc:null//朦灰層
}, can || {});
var picnum = $(can.pic).find('ul li').length;
var picw = $(can.pic).find('ul li').outerWidth(true);
var pich = $(can.pic).find('ul li').outerHeight(true);
var poppicw = $(can.pop_pic).find('ul li').outerWidth(true);
var picminnum = $(can.pnum).find('ul li').length;
var picpopnum = $(can.pop_pic).find('ul li').length;
var picminw = $(can.pnum).find('ul li').outerWidth(true);
var picminh = $(can.pnum).find('ul li').outerHeight(true);
var pictime;
var tpqhnum=0;
var xtqhnum=0;
var popnum=0;
$(can.pic).find('ul').width(picnum*picw).height(picnum*pich);
$(can.pnum).find('ul').width(picminnum*picminw).height(picminnum*picminh);
$(can.pop_pic).find('ul').width(picpopnum*poppicw);
//點擊小圖切換大圖
$(can.pnum).find('li').click(function () {
tpqhnum = xtqhnum = $(can.pnum).find('li').index(this);
show(tpqhnum);
minshow(xtqhnum);
}).eq(can.order).trigger("click");
//大圖彈出框
if(can.pop_up==true){
$(can.pic).find('ul li').click(function(){
$(can.mhc).height($(document).height()).show();
$(can.pop_div).show();
popnum = $(this).index();
var gdjl_w=-popnum*poppicw;
$(can.pop_pic).find('ul').css('left',gdjl_w);
popshow(popnum);
})
$(can.pop_xx).click(function(){
$(can.mhc).hide();
$(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);
//鼠標(biāo)經(jīng)過停止播放
$(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);
});
}
//小圖左右切換
$(can.prev_btn).click(function(){
if(tpqhnum==0){tpqhnum=picnum};
if(xtqhnum==0){xtqhnum=picnum};
xtqhnum--;
tpqhnum--;
show(tpqhnum);
minshow(xtqhnum);
})
$(can.next_btn).click(function(){
if(tpqhnum==picnum-1){tpqhnum=-1};
if(xtqhnum==picminnum-1){xtqhnum=-1};
xtqhnum++;
minshow(xtqhnum)
tpqhnum++;
show(tpqhnum);
})
//大圖左右切換
$(can.prev).click(function(){
if(tpqhnum==0){tpqhnum=picnum};
if(xtqhnum==0){xtqhnum=picnum};
xtqhnum--;
tpqhnum--;
show(tpqhnum);
minshow(xtqhnum);
})
$(can.next).click(function(){
if(tpqhnum==picnum-1){tpqhnum=-1};
if(xtqhnum==picminnum-1){xtqhnum=-1};
xtqhnum++;
minshow(xtqhnum)
tpqhnum++;
show(tpqhnum);
})
//彈出框圖片左右切換
$(can.pop_prev).click(function(){
if(popnum==0){popnum=picnum};
popnum--;
popshow(popnum);
})
$(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){
$(can.pnum).find('ul li').css('float','left');
if(picminnum>can.min_picnum){
if(xtqhnum<3){mingdjl_w=0;}
if(xtqhnum==picminnum-1){mingdjl_w=-(mingdjl_num-1)*picminw;}
$(can.pnum).find('ul').stop().animate({'left':mingdjl_w},can.delayTime);
}
}else{
$(can.pnum).find('ul li').css('float','none');
if(picminnum>can.min_picnum){
if(xtqhnum<3){mingdjl_h=0;}
if(xtqhnum==picminnum-1){mingdjl_h=-(mingdjl_num-1)*picminh;}
$(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){
$(can.pic).find('ul li').css('float','left');
$(can.pic).find('ul').stop().animate({'left':gdjl_w},can.delayTime);
}else{
$(can.pic).find('ul').stop().animate({'top':gdjl_h},can.delayTime);
}//滾動
//$(can.pic).find('ul li').eq(tpqhnum).fadeIn(can.delayTime).siblings('li').fadeOut(can.delayTime);//淡入淡出
$(can.pnum).find('li').eq(tpqhnum).addClass("on").siblings(this).removeClass("on");
};
//彈出框圖片切換過程
function popshow(popnum){
var gdjl_w=-popnum*poppicw;
$(can.pop_pic).find('ul').stop().animate({'left':gdjl_w},can.pop_delayTime);
//$(can.pop_pic).find('ul li').eq(tpqhnum).fadeIn(can.pop_delayTime).siblings('li').fadeOut(can.pop_delayTime);//淡入淡出
};
}
$(function(){
if($("#showimg").length > 0){
$('#showimg').banqh({
box: "#showimg",//總框架
pic: "#bigimg",//大圖框架
pnum: "#smallimg",//小圖框架
prev_btn: ".prev",//小圖左箭頭
next_btn: ".next",//小圖右箭頭
autoplay: true,//是否自動播放
interTime: 2000,//圖片自動切換間隔
delayTime: 400,//切換一張圖片時間
order: 0,//當(dāng)前顯示的圖片（從0開始）
picdire: true,//大圖滾動方向（true為水平方向滾動）
mindire: true,//小圖滾動方向（true為水平方向滾動）
min_picnum: 4,//小圖顯示數(shù)量
pop_up: false//大圖是否有彈出框
});
}
});
