Hola Enhorabuena por tu primera posición como experto... pues ya que llega la navidad me gustaría poner un efecto de nevado en el texto de mi web (www.joeos.com), pero que no sea animado ni nada por el estilo No he encontrado nada aparte de un par de efectos en java, pero eso no me interesa. Necesito algo más sencillo Gracias por tu ayuda de antemano. Byes
Echa un vistazo a este Script, lo puedes configurar y retocar todo lo que quieras para que muestre la imagen que quieras. Ahora lo puedes ver en bastantes paginas con copitos de nieve que caen desde arriba. Si tienes problemillas con el código, dame un toque. Salu2 Te lo mando en dos partes porque no cabe todo en una respuesta. <script language="JavaScript1.2"> //Configure below to change URL path to the snow image var snowsrc="snow.gif" // Configure below to change number of snow to render var no = 10; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx = 0; // set coordinate variables xp = Math.random()*(doc_width-50); // set position variables yp = Math.random()*doc_height; am = Math.random()*20; // set amplitude variables stx = 0.02 + Math.random()/10; // set step variables sty = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp += sty; if (yp > doc_height-50) { xp = Math.random()*(doc_width-am-30); yp = 0; stx = 0.02 + Math.random()/10; sty = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx += stx; document.layers["dot"+i].top = yp; document.layers["dot"+i].left = xp + am*Math.sin(dx); } setTimeout("snowNS()", 10); }
function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp += sty; if (yp > doc_height-50) { xp = Math.random()*(doc_width-am-30); yp = 0; stx = 0.02 + Math.random()/10; sty = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx += stx; document.all["dot"+i].style.pixelTop = yp; document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx); } setTimeout("snowIE()", 10); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script>
Gracias por eso, pero necesitaba algo más sencillo. un programa que me añadiera el efecto a la imágen, no un javascript. De toas maneras te lo agradezco. :)