在Coffeescript中加载AJAX后处理图像大小

时间:2014-08-04 19:03:41

标签: javascript jquery ruby-on-rails ajax coffeescript

我有一堆图像在页面上,使用AJAX注入另一个页面。

当我注入图像时,我想要通过它们,将最短边设置为64像素,然后将图像剪切为64x64像素(在顶部中间有'视口)。

我有一个方法可以迭代所有图像并按原样执行逻辑。但它似乎在图像获得正确大小之前运行。我明白这一点,因为浏览器没有调整大小,直到加载DOM。

我尝试了很多东西,比如使用load()和在内存中创建图像(这对于每个图像来说真的很大吗?在性能方面感觉不好)。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您可以使用简单的Ajax start和ajax完成功能。 下面给出一个例子:

$(document).ajaxStart ->
  $("#accordion2").css "opacity", "0.4"
  return

$(document).ajaxComplete ->
  $("#accordion2").css "opacity", "1.0"
  #You can call your Image Load function here
  return