[Resolvido] CSS e jQuery - Demora para carregar imagem

[D2th3 3]

Prezados,

 

Criei uma função em jQuery para abrir um ToolTip em CSS, porém esse tooltip tem uma seta(em imagem PNG Transparente) que complementa o balão (em DIV), quando abre o tooltip o balão abre ai tem um delay para abrir a seta na primeira vez.

 

Tem algo no css que eu posso fazer para essa seta carregar sem o delay?

 

Obrigado.

[Lucas Peperaio 20]

Eu sempre faço uma técnica conhecida como "preloader in loader", que consiste em carregar todas as imagens que dependem de uma função assim que a página é carregada. Em jQuery, você pode fazer assim:

 

$(document).ready(function(){
  	$("body").append("<img src='suaimagem' style='display:none' />");
});

 

Entendeu a jogada? Com isto, eu aguardo o documento ser carregado, então jogamos para o DOM a sua "seta" com display:none, assim, ela não irá aparecer na tela, mas já estará carregada!

[]'

[D2th3 3]

Valeu Lucas.

 

Uma coisa tão óbvia... tem hora que o cérebro dá tilti de tanto coisa que tem para ser feito.

 

Funcionou legal.

 

Obrigado.