X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=Roo%2Fbootstrap%2FCard.js;fp=Roo%2Fbootstrap%2FCard.js;h=2bbe1dafb68091360ad233b8f1bba17c34309308;hb=15a8757f17b22a2584f00f17ccdb9b4a7894cc2d;hp=47c575abbb7ff681f256c88b30d2d6caa7cc3eab;hpb=eec6e9012eaf7326c7329ada577dacc900021aa4;p=roojs1

diff --git a/Roo/bootstrap/Card.js b/Roo/bootstrap/Card.js
index 47c575abbb..2bbe1dafb6 100644
--- a/Roo/bootstrap/Card.js
+++ b/Roo/bootstrap/Card.js
@@ -140,6 +140,7 @@ Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component,  {
     bodyEl: false, // card-body
     headerContainerEl : false, //
     headerEl : false,
+    header_imageEl : false,
     
     layoutCls : function()
     {
@@ -350,7 +351,7 @@ Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component,  {
     },
     getCardImageTop : function()
     {
-        var  ret = this.el.select('.card-img-top',true).first();
+        var  ret = this.header_imageEl;
         if (ret.hasClass('d-none')) {
             ret.removeClass('d-none');
         }
@@ -407,6 +408,8 @@ Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component,  {
             this.el.addClass('roo-card-rotated');
             this.fireEvent('rotate', this, true);
         }
+        this.header_imageEl = this.el.select('.card-img-top',true).first(); 
+        this.header_imageEl.on('load', this.onHeaderImageLoad, this);
         
     },
     getDragData : function(e)