Posted by: Rogério Alencar Lino Filho on: 21 Março, 2007
Conforme prometido aqui um exemplo de preloader de imagem feito em Javascript:
Clique aqui para visualizar
var bgColor = “#FFFFFF”;
var bgImage = “http://www…/loading.gif”;
var bgRepeat = “no-repeat”;
var bgPosition = “center center”;
var borderWidth = “3px”;
var borderStyle = “solid”;
var borderColor = “#3366FF”;
//
var loadImage = function(w, h, url, target) {
var img = new Image(w, h);
img.src = url;
img.style.visibility = “hidden”;
var molde = [...]
Posted by: Rogério Alencar Lino Filho on: 16 Março, 2007
Podemos simular um pré-carregamento de uma imagem utilizando a propriedade CSS background setando um outra imagem, na qual informará o carregamento da imagem.
img {
background: #ffffff url(loading.gif) no-repeat center center;
}
E pronto, mas uma observação um tanto lógica e óbvia que deve se fazer é sobre o tamanho da imagem de fundo, que deve ser pequena para [...]
