图片自适应浏览器大小
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); //设定等比例缩放后的宽度 } })
相关文章推荐
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- HTML中使背景图片自适应浏览器大小
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- 我也来说说图片自适应大小问题
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- 自适应图片大小的弹出窗口(3 中方法)
- JS&RE 控制图片显示大小, 弹出窗口自适应大小,自居中, 结合UBB与正则使用 By Stabx
- 自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- 自适应图片大小的弹出窗口
- 自适应大小的图片弹出窗口
- css让图片自适应大小
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- 自适应图片大小的弹出窗口
- 自适应图片大小的弹出窗口
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)
- ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑) [转载,佚名]
- 绑定的背景图片自适应窗口大小