Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery循环-挤压图像?_Javascript_Jquery_Asp.net_Internet Explorer - Fatal编程技术网

Javascript jQuery循环-挤压图像?

Javascript jQuery循环-挤压图像?,javascript,jquery,asp.net,internet-explorer,Javascript,Jquery,Asp.net,Internet Explorer,中讨论的问题发生在我的一个生产网站上,但除了Firefox,我们在IE中也看到了它 这就是它的外观,所有三种颜色都会间歇性地淡入不同的图片: 我们从客户那里得到了以下截图: Abmormally小图像: 大小怪异的图像: 我们能够用Firefox通过硬刷新(ctrl-f5)可靠地复制它,但我们办公室唯一能在IE中复制它的是在Windows7上运行IE8,然后就不可靠了。客户端使用的是IE7,我相信是XP 我通过在$(window).load()而不是$(document).ready()中

中讨论的问题发生在我的一个生产网站上,但除了Firefox,我们在IE中也看到了它

这就是它的外观,所有三种颜色都会间歇性地淡入不同的图片:

我们从客户那里得到了以下截图:

Abmormally小图像:

大小怪异的图像:

我们能够用Firefox通过硬刷新(ctrl-f5)可靠地复制它,但我们办公室唯一能在IE中复制它的是在Windows7上运行IE8,然后就不可靠了。客户端使用的是IE7,我相信是XP

我通过在$(window).load()而不是$(document).ready()中设置幻灯片来修复它,但我从来没有弄明白为什么在IE中复制如此困难。管理层对我们无法在IE中可靠地复制它或解释它发生的原因感到不安,我被要求进行调查

有人有主意吗?在某些情况下,相关问题中讨论的相同问题是否适用于IE?在这一点上,我只能说“我们不能总是把这样的事情固定下来。”

更新:在我用Javascript设置幻灯片之前,我没有在幻灯片中设置src属性,因此我能够在IE中可靠地实现这一点。我认为这证明了它确实是同一个时间问题,只是发生得很少,因为IE是一个不同的渲染引擎。管理层仍然很好奇还有什么其他情况会介入,但我现在有信心,在所有浏览器中,这确实是一个时间问题,我们的生产站点不会出现进一步的问题


另外,我在jQuery论坛上问了同样的问题,并被告知在img元素中显式设置图像大小。这也解决了这个问题。

您发布的链接对此进行了解释。这是一个时间问题。有时周期开始得早,有时不早。在某些浏览器中,“有时”可能只是“几乎永远不会”

在document.ready中启动循环可确保在循环开始前已加载所有图像,以便正确检测尺寸

这完全取决于CPU速度、网络延迟、浏览器、操作系统等等


之所以很难始终如一地复制,是因为环境非常复杂,结果取决于你看不到的东西。

你发布的链接对此进行了解释。这是一个时间问题。有时周期开始得早,有时不早。在某些浏览器中,“有时”可能只是“几乎永远不会”

在document.ready中启动循环可确保在循环开始前已加载所有图像,以便正确检测尺寸

这完全取决于CPU速度、网络延迟、浏览器、操作系统等等


之所以很难始终如一地复制,是因为环境非常复杂,结果取决于你不能马上看到的东西。

我知道这已经是游戏的后期,但我最近也遇到了这个问题。这让我发疯。事实上,解决方案是使用$(window).load事件方法来启动cycle插件——它保证所有相关的页面加载活动(包括与任何子元素相关的任何下载)在触发之前完成。它适用于所有“五大”浏览器

在我的例子中,我正在显示不同大小和纵横比的图像,并通过使用服务器端脚本填充一个变量来自动填充图像列表,该变量包含我告诉它要包含的指定目录中所有图像类型的动态创建的标记。因此,我不能在标签中包含图像的宽度和高度,因为我不知道它们是什么。为了解决这个问题,在客户端,我使用cycle的onbefore:启动一个脚本,动态查看正在处理的图像,然后将幻灯片容器设置为与照片的本机宽度和高度匹配的宽度和高度。我会显示一条带有动画GIF加载程序图形的“加载xx张照片…”消息,以便用户在下载图像时知道发生了什么


有关的幻灯片位于Hangman Hills.org网站上的一个区域,该区域仅限于Hangman Hills居民协会成员,因此我无法向您展示最终产品。

我知道这已经是游戏的后期,但我最近也遇到了这个问题。这让我发疯。事实上,解决方案是使用$(window).load事件方法来启动cycle插件——它保证所有相关的页面加载活动(包括与任何子元素相关的任何下载)在触发之前完成。它适用于所有“五大”浏览器

在我的例子中,我正在显示不同大小和纵横比的图像,并通过使用服务器端脚本填充一个变量来自动填充图像列表,该变量包含我告诉它要包含的指定目录中所有图像类型的动态创建的标记。因此,我不能在标签中包含图像的宽度和高度,因为我不知道它们是什么。为了解决这个问题,在客户端,我使用cycle的onbefore:启动一个脚本,动态查看正在处理的图像,然后将幻灯片容器设置为与照片的本机宽度和高度匹配的宽度和高度。我会显示一条带有动画GIF加载程序图形的“加载xx张照片…”消息,以便用户在下载图像时知道发生了什么


有关的幻灯片位于Hangman Hills.org网站上的一个区域,该区域仅限于Hangman Hills居民协会成员,因此我无法向您展示最终产品。

我是这么想的,但我需要一些确认。但是你的意思是说在window.load中启动它可以确保图像被加载吗?是的,显然是这样。我猜$(document).ready在加载整个DOM时启动$(窗口)。加载在所有其他资源也完成加载后激发。确定。但我被指进去了