使用图像标签的IE中的TIFF图像在一段时间后不可见 [英] TIFF images in IE using image tags are not visible after some time
问题描述
我正在使用div作为HTML中图像的占位符：
I'm using a div for the place holder for an image in HTML:
< div
id =" IMG">< / div>
使用嵌入在同一HTML文件中的JavaScript设置"IMG"：
The "IMG" is set using JavaScript embedded in the same HTML file:
<代码样式="保证金：0px;填充：1px 5px;边框：0像素;字体风格：继承;字体变：继承;字体重量：继承;字体大小：13像素;行高：继承; font-family：Consolas，Menlo，Monaco，'Lucida Console'，'Liberation Mono'，'DejaVu Sans Mono'，'Bitstream Vera Sans Mono'，'Courier New'，monospace，sans-serif;垂直对齐：基线;背景色：＃eff0f1; white-space：pre-wrap"> document.getElementById（'IMG'）。innerHTML
='< img height = 200 width = 400 src ="'+ srcVar +'" />';
<代码样式="保证金：0px;填充：1px 5px;边框：0像素;字体风格：继承;字体变：继承;字体重量：继承;字体大小：13像素;行高：继承; font-family：Consolas，Menlo，Monaco，'Lucida Console'，'Liberation Mono'，'DejaVu Sans Mono'，'Bitstream Vera Sans Mono'，'Courier New'，monospace，sans-serif;垂直对齐：基线;背景色：＃eff0f1; white-space：预包装"> srcVar 每次用户点击按钮时都会更改
。所以...
srcVar changes
every time the user clicks a button. So...
srcVar
= Object.GetSomeImage（...）;
问题是看起来在经过一定数量的图像显示和覆盖后，TIFF图像最终不再可见。但是，据我所知，图像数据仍然存在。如果我单击图像所在的位置并尝试拖动
图像，则会显示预期图像的不透明实例被拖动。
The problem is that it seems that after some number of image displays and overwrites, the TIFF image eventually ceases to be visible. However, as far as I can tell the image data is still present. If I click where the image is expected to be and try to drag the image, an opaque instance of the intended image is shown to be dragged.
我知道IE是少数本机支持TIFF图像的浏览器之一。是否有IE图像缓冲区导致此行为？我找不到任何记录或解释此问题。
I know that IE is one of the few browsers that support TIFF images natively. Is there an IE image buffer causing this behavior? I can't find anything documented or and explanation to this issue.
我们非常感谢您提供的任何信息或文件！
Any information or documentation you can provide would be greatly appreciated!
推荐答案
;图库应用程序的常见设计模式是使用通过格式化的UL> LI> IMG模式导航的图像数组.jQuery有一些优秀的图库插件（plugins.jquery.com）或者我发现的最好的例子是维基百科...
The common design pattern for a gallery application is to use an image array that is navigated by a formatted UL>LI>IMG pattern. jQuery has some excellent gallery plugins (plugins.jquery.com) or the best example I have found is Wikipedia...
更改DOM中img元素的src属性
To change the src attribute of an img element in the DOM
document.getElementById（'imgID'） .src = [uri to image。]
document.getElementById('imgID').src=[uri to image.]
IE具有显示图像的设置（Internet选项的高级选项卡）和MIME-TYPE设置的安全设置，因此您的丢失图像可能已被阻止通过IE的安全区域设置（重命名的文件扩展名不匹配的图像文件）。在IE开发工具上设置
来记录被阻止内容的开发控制台消息（ActiveX过滤和跟踪保护）和安全警告和消息... Internet选项>高级选项卡，选中"始终记录开发人员控制台消息"。保存更改。
IE has settings for displaying images (advanced tab of Internet Options) and security settings for MIME-TYPE settings, so your missing images may have been blocked by IE's security zone settings (renamed image files with a mismatching file extension). Set up the IE dev tool to record dev console messages for blocked content (ActiveX filtering and Tracking Protection) and security warnings and messages... Internet Options>Advanced tab, check "Always record developer console messages". Save Changes.
为了调试您的开发或测试网站的javascript错误，您必须可以看到开发工具.....导航到您的测试网站，按f12显示将开发工具和PIN键添加到浏览器选项卡，选择"调试"选项卡，然后从"中断"下拉列表中选择
（看起来像停止符号），"中断所有例外"....返回到您的网站页面继续你的调试和测试（没有关闭开发工具....！当开发工具可见时，重要的网页浏览器只会破解javascript错误并且
它（开发工具）已配置为中断例外或打破手表。
In order to debug your dev or test web site for javascript errors, you MUST have the dev tool visible..... navigate to your test website, press f12 to display the dev tool and PIN it to your browser tab, select the Debug tab, and select from the Break dropdown (it looks like a Stop sign), "Break on all exceptions".... return to your web page to continue your debugging and testing (without closing the dev tool....!important web browsers will only break on javascript errors when the dev tool is visible and it (the dev tool) has been configured to break on exceptions or to break on a watch.
如果可能，请提供您网站的链接或jsfiddle mashup以及您的问题。
If possible, please include a link to your website or a jsfiddle mashup with your questions.
问候。
这篇关于使用图像标签的IE中的TIFF图像在一段时间后不可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
