EduSeo - Código, HTML, Trucos y Seo: #javascript

Mostrando entradas con la etiqueta #javascript. Mostrar todas las entradas

viernes, 22 de agosto de 2014

Solucionando problemas de navegación en Google Chrome

Si tenemos problemas con la navegación del algunas páginas webs o simplemente el google chrome no puede conectar con google.es mostrando el error Error 15 (net::ERR_SOCKET_NOT_CONNECTED): Unknown error.

Lo que debemos hacer es limpiar el spool de los sockets del chrome, para ello, copiamos en dirección el siguiente enlace: chrome://net-internals/#sockets

Luego hacemos clic en Close Idle Sockets y por último en Flush sockets pools

Voila!, Chrome accederá nuevamente al buscador google.es o google.com.

Espero que les resulte útil.

lunes, 11 de noviembre de 2013

Como animar una serie de imagenes en HTML5 (Crear una animación tipo gif)

Pues eso amig@s,

Si necesitan realizar una animación en HTML5 cargando una serie de imagenes, al más puro estilo de un GIF animado, con el siguiente código pueden hacerlo:

<html>
<head>
<title>Demo: Crear animación por Edu Arana</title>
<script type='text/javascript'>//<![CDATA[

onload = function startAnimation() {
var frames = document.getElementById("animacion").children;
var frameCount = frames.length;
var i = 0;
setInterval(function () {
frames[i % frameCount].style.display = "none";
frames[++i % frameCount].style.display = "block";
}, 100);
}

//]]>

</script>

</head>
<body>
<p><div id="animacion">
<img src="anima/1.gif" />
<img src="anima/2.gif" />
<img src="anima/3.gif" />
<img src="anima/4.gif" />
<img src="anima/5.gif" />
</div>
</p>
</body>
</html>

Donde en el DIV animacion insertamos un IMG con la imagen que necesitemos animar. Funciona tanto en IE como así también en Chrome.

Espero les resulte útil.
Salu2.

lunes, 4 de noviembre de 2013

Como hacer que una imagen parpadeé en Javascript

Con el siguiente código, se puede lograr el efecto de que una imagen con un name concreto cree el efecto de parpadeo:

<script type="text/javascript">
function parpadea() {
var imagen = document.images["parpadear"];imagen.style.visibility = (imagen.style.visibility == "visible") ? "hidden" : "visible";
}
setInterval("parpadea()", 500); //Aquí definimos el tiempo en milisegundos.
</script>
<img name="parpadear" src="url de la imagen que desean colocar" alt="imagen parpadeante" />

Espero les resulte útil.