title: Changing bg Image via Jquery very slow on IE
body: <p>I´m having a problem changing the bg image from a div. It works on Google Chrome and Firefox flawlessly but on IE it hangs a little bit. It´s pretty slow on IE, and sometimes it doest even load the image properly. my jquery code is:</p>
  
  <pre><code>$("a.preview").click(function(e){
      var carregar = new Image();
      $(carregar).attr('src','imagens/logos/' +  this.id +'.jpg');
      var img = "imagens/logos/" +  this.id +".jpg"; // recebe src da imagem de acordo com a ID
      var alvo = this.id; // salva ID do disparador
      var logo = document.createElement('img'); // cria objeto imagem
      var $logoCarregado = $(logo); // recebe o objeto imagem criado
      $logoCarregado.attr('src', 'imagens/logos/'+ alvo +'_logo.png'); //define atributo src da imagem criada
  
      $(".box").fadeOut("fast");
      $(".box").hide();
      $(".overlay").hide("fast");
      $(".logo").hide("fast");
      $(".logo").empty();
  
      $(".loader").show("fast"); // mostra carregamento
      $(carregar).load( function() { // carrega o conteudo
         $(".loader").hide("fast"); // esconde imagem de carregamento
         $(".logo").empty(); // apaga conteúdo da ID logo
         $("#menu").fadeOut("fast"); //fadeOut menu   
         $(".overlay").show("fast"); // mostra barra do conteúdo da página do cliente     
         $(".logo").show("fast"); // mostra logo do cliente
         $logoCarregado.appendTo('.logo'); // atribue a logo do cliente á div logo
         $("#fundo").empty();
        $("#fundo").append("&lt;img src='"+ img +"' class='bg' /&gt;"); // troca o fundo
         var logoHeight = $logoCarregado.height() + 100; // seta o tamanho da logo + 80 como altura
  
        if (logoHeight &lt;= 120){ //verifica posição do logo do cliente
  
         $(".box" + "#"+alvo) // seleciona o box de texto de acordo com a ID do disparador
              .css("display", + "block") // mostra o box
              .css("left","0%") // define distância da margem esquerda do box
              .fadeIn("fast") // fadeIn texto
              .css("top",+ logoHeight+100 + 'px'); // define altura do box
          $(".box" + "#"+alvo).animate({ 
              left: '8%'}, 300 ); // anima entrada do texto
        }
        else{
  
             $(".box" + "#"+alvo) // seleciona o box de texto de acordo com a ID do disparador
              .css("display", + "block") // mostra o box
              .css("left","0%") // define distância da margem esquerda do box
              .fadeIn("fast") // fadeIn texto
              .css("top",+ logoHeight + 'px'); // define altura do box
          $(".box" + "#"+alvo).animate({ 
              left: '8%'}, 300 ); // anima entrada do texto
        }
  
        });
  return false;
      });
  </code></pre>
  
  <p>Website: <a href="http://www.zecaconsoni.com.br/ftp/novo/clientes.html" rel="nofollow">link</a></p>