Tema: Mostrar fotos en un div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/10/2014, 09:04
wanamingo2
 
Fecha de Ingreso: octubre-2010
Mensajes: 31
Antigüedad: 14 años, 2 meses
Puntos: 1
Mostrar fotos en un div
Tengo el script que funciona, muestra una foto (que se actualiza cada 5 segundos).

En "localhost" funciona perfecto, pero en el servidor web (mas lento) la foto se carga demasiado despacio y el efecto es malo. (ver ejemplo pruebas.chatin.tv/test3/).

Necesito de alguna forma precargar (preload) la foto antes de que jquery la muestre. Cualquier ayuda sera bienvenida.

Este es el código:

index.html
Código HTML: 
Ver original
  1. <?php
  2.    
  3.     $room="kalimero";
  4.    
  5. ?>
  6.  
  7. <html>
  8.     <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  10. <link type="text/css" rel="stylesheet" href="style.css" />
  11. <script type="text/javascript" src="myjquery.js"></script>
  12.     </head>
  13.    
  14. <body>
  15.  
  16.  <!--div update every 5 sec-->
  17.     <div id="contenido">
  18.         <img src="loading1.gif">    
  19.     </div>
  20.  
  21.  
  22.  <!--script jquery-->
  23.  <script type="text/javascript">
  24.  
  25.  $(document).ready(function(){
  26.         setInterval(load_ordenar,5000);            
  27. });
  28.  
  29. function load_ordenar(){
  30.  
  31.  $.post("ordenar.php",{aroom:"<?php echo $room; ?>"},function(result){
  32.     $("#contenido").html(result);
  33.   });
  34. }
  35.  
  36. </script>
  37.  
  38. </body>
  39. </html>

ordenar.php
Código PHP:
<?php


$roomis = $_POST['aroom'];
$naleatorio= mt_rand(5, 4000);
$directorio = "images/".$roomis."/";
$directorio2 = "images/".$roomis."/".$roomis.".jpg?t=".$naleatorio;

echo $directorio2;
echo '<br>';
  
                echo '<img src="'.$directorio2.'" >';

?>

Gracias por la ayuda!!!