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>
Código:
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.<!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>
Alguna idea de cual es el problema??
Gracias