图片的onload加载效果好慢，求优化！
先上代码：

 <asp:DataList ID="lit_pro" runat="server" RepeatColumns="3">

                <ItemTemplate>

                    <li>

<div class="pic">

                    <img alt="" src="admin/product/<%#Eval("productPic") %>" onload="UploadImage(this)" />

                        </div>

                    </li>

                </ItemTemplate>

            </asp:DataList>

js代码：

  <script language="javascript" type="text/javascript">



        function UploadImage(image) {

            var fixedHeight = 198;

            var fixedWidth = 198;

            if (image.height > fixedHeight || image.width > fixedWidth) {

                if (image.height * fixedWidth > image.width * fixedHeight) {

                    image.height = fixedHeight;

                }

                else {

                    image.width = fixedWidth;

                    var hei = ((200 - image.height) / 2);

                    image.style.cssText = "padding-top:" + hei + "px;";

                }

            }

        }



    </script>

本地制作的时候没发现问题，上传到服务器上打开页面，完全乱套，达不到效果，很多图片都还是原始大小，可页面已经加载完毕了，有时刷新下会好但多数还是不行。刚学js，求帮忙优化或者给我个方法，我想实现上传到网站上的图片不会超过我定义的宽度和高度，没超过时候，居中在div里显示。
------解决方案--------------------