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

Work with images sizes after AJAX load in Coffeescript

本文关键字：图像 后处理 加载 Coffeescript AJAX      更新时间：2023-09-26

我有一堆图片，这是在一个页面上使用AJAX注入到另一个页面。

当图像被注入时，我想要通过它们运行，将最短的边设置为64px，然后将图像剪辑为64x64像素(在顶部中间有'viewport')。

我有一个方法，迭代所有的图像和做的逻辑，因为它应该。但它似乎在图像得到正确的大小之前就运行了。我知道这是因为浏览器在加载DOM之前不会调整大小。

我已经尝试了一堆东西，如使用load()和在内存中创建图像(这是真的大小为每个图像?感觉性能很差)。

任何想法?

可以使用简单的Ajax start和Ajax complete函数。下面给出一个例子:

$(document).ajaxStart ->
  $("#accordion2").css "opacity", "0.4"
  return
$(document).ajaxComplete ->
  $("#accordion2").css "opacity", "1.0"
  #You can call your Image Load function here
  return
相关文章：