您的位置:首页 > 其它

图片自适应浏览器大小

2014-09-20 00:00 218 查看
$(function(){
var brower_width = $(window).width(); //浏览器时下窗口可视区域宽度
var brower_height = $(window).height(); //浏览器时下窗口可视区域高度
var pic_height = brower_width*732/1903.0;
if( pic_height >= (brower_height-253)){
new slide("#main-slide","cur",brower_width,pic_height,1);//焦点图
$("#main-slide img").css("width", brower_width); //设定等比例缩放后的宽度
}else{
var pic_height = brower_height-253;
var width = pic_height*1903/732;
new slide("#main-slide","cur",width,pic_height,1);//焦点图
$("#main-slide img").css("width", width); //设定等比例缩放后的宽度
}
})
$(window).resize(function(){
var brower_width = $(window).width(); //浏览器时下窗口可视区域宽度
var brower_height = $(window).height(); //浏览器时下窗口可视区域高度
var pic_height = brower_width*732/1903.0;
if( pic_height >= (brower_height-253)){
$("#main-slide").css("height", pic_height); //设定等比例缩放后的高度
$("#main-slide").css("width", brower_width); //设定等比例缩放后的宽度
$("#main-slide img").css("width", brower_width); //设定等比例缩放后的宽度
}else{
var pic_height = brower_height-253;
var width = pic_height*1903/732.0;
$("#main-slide").css("height", pic_height); //设定等比例缩放后的高度
$("#main-slide").css("width", width); //设定等比例缩放后的宽度
$("#main-slide img").css("width", width); //设定等比例缩放后的宽度
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: