Problema al redimensionar imagen

[sergiodueso]

Buenas noches, tengo un código para redimensionar imágenes. Os lo pongo:

Código PHP:

<?php
function redimensionar_imagen($nombreimg, $rutaimg, $xmax, $ymax){  
        $ext = explode(".", $nombreimg);  
        $ext = $ext[count($ext)-1];  
      
        if($ext == "jpg" || $ext == "jpeg")  
            $imagen = imagecreatefromjpeg($rutaimg);  
        elseif($ext == "png")  
            $imagen = imagecreatefrompng($rutaimg);  
        elseif($ext == "gif")  
            $imagen = imagecreatefromgif($rutaimg);  
          
        $x = imagesx($imagen);  
        $y = imagesy($imagen);  
          
        if($x <= $xmax && $y <= $ymax){
            echo "<center>Esta imagen ya esta optimizada para los maximos que deseas.<center>";
            return $imagen;  
        }
      
        if($x >= $y) {  
            $nuevax = $xmax;  
            $nuevay = $nuevax * $y / $x;  
        }  
        else {  
            $nuevay = $ymax;  
            $nuevax = $x / $y * $nuevay;  
        }  
          
        $img2 = imagecreatetruecolor($nuevax, $nuevay);  
        imagecopyresized($img2, $imagen, 0, 0, 0, 0, floor($nuevax), floor($nuevay), $x, $y);  
        echo "<center>La imagen se ha optimizado correctamente.</center>";
        return $img2;   
    }
    $imagen_optimizada = redimensionar_imagen('20150214_160459.jpg','imagenes/20150214_160459.jpg',500,300);
    imagejpeg($imagen_optimizada, "imagenes/20150214_160459.jpg");
?>
 

En teoría funciona perfectamente porque he comparado los tamaños de las imágenes antes y después y están cambiadas pero, y aquí biene lo bueno, en mi galería de imágenes sigue saliendo enorme. ¿Por qué?. Gracias.

Os pongo también el script de la galería:

Código HTML:

<div id="galeria" class="container-fluid">
 
<div id="container">
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
 
<div id="heading">
<h1>Galer&iacute;a de fotos</h1>
</div>
 

Código PHP:

<?php
$directory = 'imagenes';
 
 
?>
 

Código HTML:

<div id="gallery">
<div style="OVERFLOW: auto; HEIGHT: 380px">
 

Código PHP:

<?php
 
$allowed_types=array('jpg','jpeg','gif','png');
$file_parts=array();
$ext='';
$title='';
$i=0;
 
$dir_handle = @opendir($directory) or die("Hay un error con el directorio de im�genes!");
 
while ($file = readdir($dir_handle))
{
    if($file=='.' || $file == '..') continue;
 
    $file_parts = explode('.',$file);
    $ext = strtolower(array_pop($file_parts));
 
    $title = implode('.',$file_parts);
    $title = htmlspecialchars($title);
 
    $nomargin='';
 
    if(in_array($ext,$allowed_types))
    {
        if(($i+1)%3==0) $nomargin='nomargin';
 
        echo '
        <div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;">
        <a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
        </div>';
 
        $i++;
    }
}
 
closedir($dir_handle);
 
?>
 

Código HTML:

</div>
<div class="clear"></div>
</div>
</div>
</div>
 

[sergiodueso]

Necesito respuestas. ¿Porqué al redimensionar la imagen, cuando la pincho para hacerla más grande me sale igual que antes de redimensionarla?. Tengo una foto que es más pequeña, 520 x 312, y esta sale más pequeña. No entiendo porque las que redimensiono, no. Gracias.

[mortiprogramador]

¿Cuando se dice que sale igual de grande, se hace referencia a la parte visual?

Si es así, seguramente es porque a pesar que se modifica la imagen en cuanto al resize,
la galería igual despliega la nueva imagen con las dimensiones que se tienen configuradas en los estilos, imagino es eso.

¿O a que se hace referencia?

[sergiodueso]

No porque como ya he dicho antes, tengo una imagen sin redimensionar de 520 x 312 y esa no sale enorme. Las otras son de 1024 x 768 y lo que hice fue reducir el tamaño de una a 700 x 500, pero sale igual que antes. Gracias

[ocp001a]

Iniciado por sergiodueso

Necesito respuestas.

Se responde cuando se puede...


Si al revisar la imagen con un editor de imágenes (cualquiera) ésta cambió efectivamente de tamaño, puede ser tema de caché, sobre todo si la imagen conserva el mismo nombre, el navegador supone que es la misma imagen de antes y muestra su caché, no la imagen nueva (redimensionada).

Si es éste el caso, se puede solucionar agregando un parámetro al nombre de la imagen para que no sea cacheada, o bien para que sea recargada, por ejemplo src="imagen.jpg" si lo cambias a src="imagen.jpg?94959" el navegador entiende que debe recargar la imagen.
Este parámetro puede ser la fecha en que se cargó la imagen, por ejemplo.

[sergiodueso]

A ver si lo he entendido bien. Se solucionaría con cambiarle el nombre a la imagen después de redimensionarla?. También he visto una función que se llama clearstatcache. ¿Funcionaría también?