Tema: Carga de img
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 19/03/2013, 06:50
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Carga de img

Cita:
Iniciado por namorha Ver Mensaje
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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>timers</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. var i=1;
  10.  
  11. function ciclo(){
  12. var fecha = new Date();
  13. var ImagenPrueva = new Image();
  14. ImagenPrueva.src = 'camara'+i+'.jpg?' + fecha.getTime();
  15. ImagenPrueva.alt = 'camara'+i+'.jpg';
  16. ImagenPrueva.onload = function(){
  17. document.getElementById('camara').src = this.src;
  18. }
  19.           i++;
  20.          if(i > 10){
  21.            i = 1;
  22.            }
  23. }
  24.  
  25. window.onload= function(){
  26. var f = setInterval('ciclo()',1000); // ajustar el tiempo
  27. }
  28. //]]>
  29. </head>
  30. <img src="camara1.jpg" alt="camara1.jpg" width="400" height= "440" id="camara" />
  31. </body>
  32. </html>

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.