【www.gdgbn.com--jquery】

jquery解决ie6中图片过大导致错位解决方法

在产品展示页面中用jqurey控制下：

/*这个标签调用产品图片*/

首先引入jquery

<script src="/utility/js/jquery.js" type="text/网页特效"></script>
<script type="text/javascript">
                $(document).ready(function () {
                    $("#<%=productbigimg.clientid%>").each(function () {
                        var maxwidth = 680; // 图片最大宽度,这个数字视网页给产品图片展示的具体宽度而定。（其实把这个方法封装起来，

宽度作为一个参数传递会更好，懒，没去做：））    
                        var ratio = 0;  // 缩放比例   
                        var width = $(this).width();    // 图片实际宽度    
                        var height = $(this).height();  // 图片实际高度      
                        // 检查图片是否超宽    
                        if (width > maxwidth) {
                            ratio = maxwidth / width;   // 计算缩放比例        
                            $(this).css教程("width", maxwidth); // 设定实际显示宽度        
                            height = height * ratio;    // 计算等比例缩放后的高度         
                            $(this).css("height", height);  // 设定等比例缩放后的高度   
                        }
                    });
                });
            </script>

通过这样处理下，图片就会等比例缩小，在ie6中也不会错位了

本文来源：http://www.gdgbn.com/wangyezhizuo/29599/