Cita:
Iniciado por namorha
Hola de nuevo, estaba pensando en como mejorar esto para que parezca lo mas real posible.
Cuando hay un número alto de visitas, hay veces que la img no carga correctamente o se nota la carga.
Se me ha ocurrido, subir las img al server y guardar la ruta en una base de datos con 60 registros, estos registros serán las 60 imágenes que habrá en un minuto. La idea es que estas imágenes vayan desfasadas un minuto y que cuando un usuario vea la imagen, realmente este viendo las que ya esten cargadas en el server y no las que esten por cargar.
Como podemos modificar el script para que cargue img con distinto nombre? Este nombre será secuencial, por ejemplo camara01, camara01 ... camara 59
Gracias y saludos
Si los nommbres de las imágenes ya están predefinidos, podrías hacer algo como esto
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript"> //<![CDATA[
var i=1;
function ciclo(){
var fecha = new Date();
var ImagenPrueva = new Image();
ImagenPrueva.src = 'camara'+i+'.jpg?' + fecha.getTime();
ImagenPrueva.alt = 'camara'+i+'.jpg';
ImagenPrueva.onload = function(){
document.getElementById('camara').src = this.src;
}
i++;
if(i > 10){
i = 1;
}
}
window.onload= function(){
var f = setInterval('ciclo()',1000); // ajustar el tiempo
}
//]]>
<img src="camara1.jpg" alt="camara1.jpg" width="400" height= "440" id="camara" />
Pero aqui se te presenta otro problema, ya que habría que sincronizar de algún modo, el tiempo en que cada imagen tarda en subir al servidor(el cual no se puede conocer con exactitud), con el intervalo de tiempo en que el ciclo se repite, es posible que al llegar a la imagen 60, la 1 halla cambiado, pero la 2 no. habría que incrementar el tiempo de refresco, pero entonces ya se perdería el efecto de animación.
Si se me ocurre otra cosa te aviso, pero sin poder probar en tiempo real como trabaja tu camara y la subida de archivos, no es facil
Saludos