quarta-feira, 10 de fevereiro de 2016

Java Script Image Pre loading


pre-loader-image-JS


Hoje vamos compartilhar um código para pre loading imagem ou seja se você tem uma imagem dentro de uma div isso vai otimizar fazendo com que a imagem carregue mais rápido isso também ajuda na velocidade do seu Blog então para fazer isso siga os passos abaixo.


Faça login no blogger
vá no menu modelo >> então editar html >>
com as teclas combinadas CTRL+F procure por  </head>
e acima disso copie e cole o seguinte código:

<script type='text/javascript'>
var ld= (document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld = document.loading;
else if (ns6)
ld = document.getElementById("loading").style;
else if (ie4)
ld = document.all.loading.style;
function init(){
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>


Depois busque o código <body> e substitua por esse código

<body onLoad='init()'>
<div id='loading' style='position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;z-index:10;'>
<img alt='Loading' src='http://i1216.photobucket.com/albums/dd361/Garyu70/Blog/CircleGreenBlackLoader.gif'/></div>

Salve e pronto.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner