Imagens Flutuantes Caindo na Página


Já foi mostrado aqui como colocar imagens  flutuantes caindo na página através do site Giffy Baby , agora vamos aprender a colocar o efeito com imagens  que voce escolher.

O ideal é que eles sejam gifs ou mini gifs prá dar aquele efeito legal.

Voce pode encontrar  no :   Categoria mini gifs do Glitter Graphics


Vá em Modelo => HTML => Crtl F => </head> Acima desta tag coloque o script abaixo para colocar brilhinhos caindo no seu blog.










<script src='http://db.tt/g2QirXjX' type='text/javascript'/><script language='javascript' type='text/javascript'>amor()</script>




Para colocar outra Imagem

Vá em Modelo => HTML => Crtl F => Acima de </head> coloque o script abaixo:


<script type='text/javascript'>//<![CDATA[// Script original de Eloi Gallés Villaplana adaptado por CiudadBlogger.com
var numero = 8var velocidad = 40var imagenamor = "URL DA IMAGEM"
var ns4arriba = (document.layers) ? 1 : 0var ie4arriba = (document.all) ? 1 : 0var dombrowser = (document.getElementById) ? 1 : 0
var dx, xp, ypvar am, stx, styvar i, doc_ancho = 1024, doc_alto = 768
function amor() {
establece_dimensiones()
dx = new Array() xp = new Array() yp = new Array() am = new Array() stx = new Array() sty = new Array();      for (i = 0; i < numero; ++ i) { dx[i] = 0 xp[i] = Math.random()*(doc_ancho-50) yp[i] = Math.random()*doc_alto am[i] = Math.random()*20 stx[i] = 0.02 + Math.random()/10 sty[i] = 0.7 + Math.random() if (document.layers) {      if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" ") document.write("top=\"15\" visibility=\"show\"><img src=\"") document.write(imagenamor + "\" border=\"0\"></layer>")      } else {      document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")      document.write("top=\"15\" visibility=\"show\"><img src=\"")      document.write(imagenamor + "\" border=\"0\"></layer>")      }      } else if (document.all || document.getElementById) {      if (i == 0) {      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")      document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")      document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")      document.write(imagenamor + "\" border=\"0\"></div>")      } else {      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")      document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")      document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")      document.write(imagenamor + "\" border=\"0\"></div>")      }      }     }      corazon()}
function corazon() { for (i = 0; i < numero; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_alto) { xp[i] = Math.random()*(doc_ancho-am[i]-30) yp[i] = 0 stx[i] = 0.02 + Math.random()/10 sty[i] = 0.7 + Math.random() establece_dimensiones() }
dx[i] += stx[i];
if ( document.all ) { var imagen = eval("dot" + i ) imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i]) imagen.style.posTop = yp[i] } else if ( document.layers ) { var imagen = eval("document.dot" + i) imagen.left = xp[i] + am[i]*Math.sin(dx[i]) imagen.top = yp[i] } else if ( document.getElementById ) { var imagen = document.getElementById( "dot" + i) imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px' imagen.style.top = yp[i] + 'px' } }
setTimeout("corazon()", velocidad)}function establece_dimensiones() { if (self.innerHeight) { doc_ancho = self.innerWidth - 50 doc_alto = self.innerHeight - 21 } else if (document.documentElement && document.documentElement.clientHeight) { doc_ancho = document.documentElement.clientWidth doc_alto = document.documentElement.clientHeight - 25 } else if (document.body) { doc_ancho = document.body.clientWidth doc_alto = document.body.clientHeight - 25 }}//]]></script><script language='javascript' type='text/javascript'>amor()</script>


Substitua URL DA IMAGEM pelo endereço da imagem que quiser.

Créditos: Reino Kauwaii

Nenhum comentário:

Postar um comentário