手机端中有的图片可以显示有的不显示的问题

在pc端的嵌入的html文档在线浏览时可以显示全部的图片,但是在移动端时有的图片可以显示,有的图片显示

不了,查看源代码发现有的img标签有data-original属性和src属性,有的只有data-original属性没有src属性,

只需在嵌入的html文件加上src就可以正常显示。

<div id="id_content_viewer" align="center" style="overflow: scroll;">

<iframe id="id_html_viewer" class="html_viewer" scrolling="yes" width="100%" οnlοad="iframeInit(this,0);" frameborder="0" height="7026" src="http://support.huawei.com/carrier/contentview!getFileStream.action?mid=SUP_MOBILE&amp;viewNid=MBI1000009157&amp;nid=MBI1000009157&amp;partNo=j001&amp;type=htm">

</iframe>

</div>


嵌入的html文件

<html><head><script type="text/javascript">if(navigator.appName == 'Microsoft Internet Explorer'){document.namespaces.add('v','urn:schemas-microsoft-com:vml','#default#VML');}</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>HG8546M</title>
</head>


<body style="margin:0 0 0 0;">


<table width="900" border="0" cellspacing="0" cellpadding="0" align="center">


  <tbody><tr>
    <td colspan="6"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=7f5f52471ccd4edc8553870e9c8905f3.gif" width="900" src="http://download.huawei.com/dl/imgDownload?uuid=7f5f52471ccd4edc8553870e9c8905f3.gif" style="display: inline;"> </td>
  </tr>


  <tr>
    <td width="240" height="89"><a href="javascript:void(0);" exthref="#01_10"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=d858c3246a5448e28425ea93930f2794.gif" width="240" height="89" style="border: none; display: block;" src="http://download.huawei.com/dl/imgDownload?uuid=d858c3246a5448e28425ea93930f2794.gif"></a></td>
    <td width="240"><a href="javascript:void(0);" exthref="#01_11"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=1627954b67b84cfdb75d16f8b21f0b7a.gif" width="240" height="89" style="border: none; display: block;" src="http://download.huawei.com/dl/imgDownload?uuid=1627954b67b84cfdb75d16f8b21f0b7a.gif"></a></td>
    <td width="197"><a href="javascript:void(0);" exthref="#01_12"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=d37d23a1162346a78a35dec5add7bf68.gif" width="197" height="89" style="border: none; display: block;" src="http://download.huawei.com/dl/imgDownload?uuid=d37d23a1162346a78a35dec5add7bf68.gif"></a></td>
    <td width="223"><a href="javascript:void(0);" exthref="#01_13"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=9e0040c881be4f8d98a118ed040b1e94.gif" width="223" height="89" style="border: none; display: block;" src="http://download.huawei.com/dl/imgDownload?uuid=9e0040c881be4f8d98a118ed040b1e94.gif"></a></td>   
   </tr>
<tr>
    <td colspan="6"><a id="01_10" target="_blank"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=aed7ace9e98a47a9b6fe598593a7ad8d.gif" width="900" src="http://download.huawei.com/dl/imgDownload?uuid=aed7ace9e98a47a9b6fe598593a7ad8d.gif" style="display: inline;"></a></td>
  </tr>
 <tr>
    <td colspan="6"><a id="01_11" target="_blank"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=4a09beaa1a734490b34711fc772b9da8.gif" width="900" src="http://download.huawei.com/dl/imgDownload?uuid=4a09beaa1a734490b34711fc772b9da8.gif" style="display: inline;"></a></td>
  </tr>  <tr>
    <td colspan="6"><a id="01_12" target="_blank"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=b93eafb6d6ef48168dfc8e473dcf4388.gif" width="900" src="http://download.huawei.com/dl/imgDownload?uuid=b93eafb6d6ef48168dfc8e473dcf4388.gif" style="display: inline;"></a></td>
  </tr> 
  <tr>
    <td colspan="6"><a id="01_13" target="_blank"><img data-original="http://download.huawei.com/dl/imgDownload?uuid=7f7ae03dadfa49a486aa4ee34f2a4436.gif" width="900" src="http://download.huawei.com/dl/imgDownload?uuid=7f7ae03dadfa49a486aa4ee34f2a4436.gif" style="display: inline;"></a></td>
  </tr>
  


</tbody></table>

</body>

</html>


猜你喜欢

转载自blog.csdn.net/lijunlinlijunlin/article/details/52519076