上传后台后经常会遇到图像转换问题。如果您的网站风格适合,您可以使用这种方式来布局页面,并支持任何大小的图像幻灯片(上下滑动)。






任意大小的图片滑动

毛利:0自动;溢出:隐藏;}
。主要{宽度:1000px;}
。divimg_div1 {宽度:380px;浮动:左;}
。divimg.div4_title {宽度:380px;身高:103px;背景颜色:# edb205;颜色:# FFF;font-family:微软雅黑字体大小:22px;font-weight:;加粗;线高度:90px;文本对齐:中心;字母间距:5px;}
。divimg_img1 {宽度:380px;身高:414px;边距:5px;背景颜色:# FFF;位置:相对;}。
。divimg_div2 {宽度:615px;浮动权;}
。divimg_img2 {宽度:194px;身高:256px;浮动:左;背景颜色:# FFF;位置:相对;}。
。divimg_img3 {宽度:417px;身高:256px;浮动权;背景颜色:# FFF;位置:相对;}。
。divimg_img4 {宽度:366px;身高:262px;浮动:左;边距:4px;背景颜色:# FFF;位置:位置:;}
。divimg_img5 {宽度:245px;身高:262px;浮动权;边距:4px;背景颜色:# FFF;位置:位置:;}
。divimg.gif {位置:绝对;左:50%;最高:50%;margin-left: - 50px;边距:- 50px;Z指数:2;}
。divimg.img {位置:绝对;Z指数:1;左:0;最高:0;显示:无;}



$(文档)Ready(函数(e){)
$(。divimg。IMG)。负荷(函数(){)
无功W = parseInt($(this)。Width());
var = parseInt($(this)。Height());
var $ =($)。父()Height();
var($)。父()Width();
VaR BLW = W / parseInt(WW);
VaR的BLH = H / parseInt(HH);
函数左(){
$(这)。动画({左:-(parseInt(parseInt(HH) / H×W)-(parseInt(WW))},10000,右)
}
函数右(){
$(这个)。动画(左:0 },10000,左);
}
函数顶部(){
$(这)。动画({:-(parseInt(parseInt(WW)/ W×H)-(parseInt(HH))},10000、底部);
}
函数底部(){
$(这个)。动画({顶部:0 },10000,顶部);
}
如果(BLW > BLH)
{
$(这),高度(HH)。Width(parseInt(parseInt(HH) / H×W));
$(这),Prev()()。隐藏;
$(这)。Css({Z:3
$(这)。动画({左:-(parseInt(parseInt(HH) / H×W)-(parseInt(WW))},10000,右);
}
如果(BLW < BLH)
{
$(这),高度(parseInt(parseInt(WW)/ W×H))Width(WW);
$(这),Prev()()。隐藏;
$(这)。Css({Z:3
$(这)。动画({:-(parseInt(parseInt(WW)/ W×H)-(parseInt(HH))},10000、底部);
}
});
$(。DIV4。IMG)。每个(函数(指数、元){)
$(这)。Attr(src
});
});






任意大小的图片滑动