图像缓存图像就绪

Question

我正在尝试使用java脚本在图像上添加标记。 图像缓存在首次加载图像时创建缓存图像，因此当java脚本代码尝试在图像上添加标记时，它会将它们放错位置，因为图像还没有准备好。它将它们放在一条线上。 当第二次调用java脚本代码时，它会将标记放在正确的位置，因为已经创建了缓存图像。

我如何在java脚本域中理解图像缓存完成了它的工作并创建了缓存的图像？

图像放在一个div中，它的id是'#tag_container' 图像的id是'#imagecache_taggable_image'

Drupal.behaviors.tagRestore = function (context) {
   ...
   ...
    $('#tag_container').addAnnotations(tag_locations );
    // first time I called addAnnotations #imagecache_taggable_image is not ready
    // so that it places tags wrong places  as a line
   ...
   ...

}

亲切的问候......

Answer 1

我相信图片的onload事件应该对此有好处。

http://www.w3schools.com/jsref/dom_obj_image.asp

以下是jQuery代码示例：

$('#imagecache_taggable_image').bind('load', function() {
    console.log('loaded', this);
    //do custom code here
});