Hola a todos estoy intentando hacer un slideshow con API´s del tiempo...
el script para llamar a esas API´s es:
Código HTML:
<script type='text/javascript' src='http://www.aemet.es/es/eltiempo/prediccion/municipios/launchwidget/arrecife-id35004?w=g4p01010000ovmffffffw230z400x333333tff0000'></script>
el codigo completo es el siguiente:
Código:
<!DOCTYPE html>
<html lang="es">
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-cycle.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slideshow').cycle({
fx: 'scrollRight',
delay: -1000
});
})
</script>
</head>
<body>
<div id="contenedor">
<article id="tiempo">
<h2>El Tiempo en Lanzarote</h2>
<div class="slideshow">
<script type='text/javascript' src='http://www.aemet.es/es/eltiempo/prediccion/municipios/launchwidget/arrecife-id35004?w=g4p01010000ovmffffffw230z400x333333tff0000'></script>
<script type='text/javascript' src='http://www.aemet.es/es/eltiempo/prediccion/municipios/launchwidget/teguise-id35024?w=g4p01010000ovmffffffw230z400x333333tff0000'></script>
<script type='text/javascript' src='http://www.aemet.es/es/eltiempo/prediccion/municipios/launchwidget/tinajo-id35029?w=g4p01010000ovmffffffw230z400x333333tff0000'></script>
</div>
<p>Fuente: Agencia Estatal de Meteorología.</p>
</article>
</div>
</body>
</html>
El slideshow funciona bien, el unico problema es que cuando se pasa una API en lugar de que aparezca la siguiente se queda un rato en blanco (el mismo periodo que normalmente es visible una API) y luego aparece la siguiente.
Alguna idea de cual es el problema??
Gracias