Databases
StackOverflow2013
Postsdbo
POChanging bg Image via Jquery very slow on IE
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChanging bg Image via Jquery very slow on IE
    text
    copied!<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>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload