table 边框显示设置和js显示无图片样式

来源:互联网 发布:京东全球购奶粉 知乎 编辑:程序博客网 时间:2024/05/01 04:14
---- table边框设置
style=" border-collapse:collapse;" bordercolor="#F6F6F6" 

--- js 无图片显示
  <script type="text/javascript">
        function errorpic(thepic) {
            thepic.src = "/Flash/nopic.png"
        }
    </script>

/**** 图片缩放 ****/

function DrawImage(ImgD, FitWidth, FitHeight) {
    var image = new Image();
    image.src = ImgD.src;
    if (image.width > 0 && image.height > 0) {
        if (image.width / image.height >= FitWidth / FitHeight) {
            if (image.width > FitWidth) {
                ImgD.width = FitWidth;
                ImgD.height = (image.height * FitWidth) / image.width;
            } else {
                ImgD.width = image.width;
                ImgD.height = image.height;
            }
        } else {
            if (image.height > FitHeight) {
                ImgD.height = FitHeight;
                ImgD.width = (image.width * FitHeight) / image.height;
            } else {
                ImgD.width = image.width;
                ImgD.height = image.height;
            }
        }
    }
}


/**** 无图显示默认图片 ***/

function errorpic(thepic) {
    thepic.src = "/Flash/nopic.png"
}

<asp:Image runat="server" ID="img" Width="150px" Height="160px" ImageUrl="" onerror="javascript:errorpic(this);" />
0 0
原创粉丝点击