Galeria de imagenes php

[edie8]

Hola.
estoy aciendo una galeria de imagenes donde quiero que se vean en una pagina todas las miniaturas de las imagenes subidas y cuando pulse sobre una de ellas se abra en grande se puede hacer esto sin tener guardadas dos imagenes iguales una grande y una miniatura?? y como hago para que se vean todas las imagenes en miniatura en una pagina?? yo tengo hecho el formulario de upload y lo guarda en la base de datos pero nose como hacer esto ahora me pueden dar alguna idea?? y hechar una mano?? gracias un saludo.

[ocp001a]

Si vas a hacer un uso extenso de la galería, te recomiendo manejar miniaturas, así reducirás el ancho de banda necesario y los tiempos de carga.

Una manera de hacerlo y no tiene que ver mucho con php es indicar en el html un tamaño determinado, puede ser mediante css: <img src="mi_imagen.jpg" style="width:100px;height:100px;"/> pero esto de todos modos carga la imagen completa en el navegador con su correspondiente carga de trabajo.

[edie8]

Entonces con eso lo que aría es sacarme la miniaturas y lg cuando yo kiero verla la saca entera o como funciona lo que me dijiste?? y si meto una miniatura modificando con php cuyo codigo tengo ya preparado lg ay manera de visualizarlo mas grande??? gracias.

[edie8]

Como puedo hacer los thumbnails?? al subir mis imagenes quiero que se guarden en las carpetas fotos y su miniatura (thumbnails) en otra que este dentro de fotos que se yame mini. como puedo hacer esto lo de copiarlas supongo que poniendo otro copy y poniendo otras cosas pero la miniatura nose como se hace mediante codigo. gracias.

[Arkaitz]

Necesitarás usar GD o Imagemagick para hacer los thumbs.

[edie8]

Y no habria manera de que lo haga automaticamente al subir una imagen normal guardar las dos la miniatura y la normal sin tener que crearla??

[ocp001a]

Claro que es posible, al momento de haber completado el upload, verificas si el archivo es de imagen, si lo es llamas a esta función, por ejemplo así:

Código PHP:

redimensionar_imagen($imagen_usuario,'th.'.$imagen_usuario,'imagenes',100,100);
 
function redimensionar_imagen($imagen, $nombre_imagen_asociada,$directorio,$nuevo_ancho,$nuevo_alto){
    $directorio=utf8_encode($directorio);
    $imagen=utf8_encode($imagen);
    $nombre_imagen_asociada=utf8_encode($nombre_imagen_asociada);
    if(!file_exists("$directorio/$imagen"))
        die("Error: no existe $directorio/$imagen");
    $info_imagen = getimagesize("$directorio/$imagen");
    $alto = $info_imagen[1];
    $ancho = $info_imagen[0];
    $tipo_imagen = $info_imagen[2];
    if($ancho > $nuevo_ancho OR $alto > $nuevo_alto){
        if(($alto - $nuevo_alto) > ($ancho - $nuevo_ancho))
            $nuevo_ancho = round($ancho * $nuevo_alto / $alto,0) ;       
        else
            $nuevo_alto = round($alto * $nuevo_ancho / $ancho,0);   
    }
    else{
            $nuevo_alto = $alto;
            $nuevo_ancho = $ancho;
    }
    switch ($tipo_imagen) {
        case 1: //si es gif ?
            $imagen_nueva = imagecreate($nuevo_ancho, $nuevo_alto);
            $imagen_vieja = imagecreatefromgif("$directorio/$imagen");
            imagecopyresampled($imagen_nueva, $imagen_vieja, 0, 0, 0, 0, $nuevo_ancho, $nuevo_alto, $ancho, $alto);
            if (!imagegif($imagen_nueva, $directorio . $nombre_imagen_asociada)) return false;
        break;
        case 2: //si es jpeg ?
            $imagen_nueva = imagecreatetruecolor($nuevo_ancho, $nuevo_alto);
            $imagen_vieja = imagecreatefromjpeg("$directorio/$imagen");
            imagecopyresampled($imagen_nueva, $imagen_vieja, 0, 0, 0, 0, $nuevo_ancho, $nuevo_alto, $ancho, $alto);
            if (!imagejpeg($imagen_nueva, $directorio . $nombre_imagen_asociada)) return false;
        break;
        case 3: //si es png ?
            $imagen_nueva = imagecreatetruecolor($nuevo_ancho, $nuevo_alto);
            $imagen_vieja = imagecreatefrompng("$directorio/$imagen");
            imagecopyresampled($imagen_nueva, $imagen_vieja, 0, 0, 0, 0, $nuevo_ancho, $nuevo_alto, $ancho, $alto);
            if (!imagepng($imagen_nueva, $directorio . $nombre_imagen_asociada)) return false;
        break;
    }
    return true;
}
 

Con esto tendrías la miniatura de la imagen con las letras th. al inicio, de modo que si la imagen se llama sol.jpg su miniatura se llamaría th.sol.jpg y mediría máximo 100 pixeles de ancho o alto

[edie8]

haber tengo unas dudas:
redimensionar_imagen($imagen_usuario,'th.'.$imagen _usuario,'imagenes',100,100); esta linea que es lo que hace?
$directorio=utf8_encode($directorio); esta es una variable que debo definir yo donde quiero guardar la imagen no??
$nombre_imagen_asociada=utf8_encode($nombre_imagen _asociada); esto es el nombre que tengo ya de la imagen no?
$info_imagen = getimagesize("$directorio/$imagen"); esta fila tampoco se lo que hace??
Lo demas creo que si lo entiendo la ultima duda es con este codigo podria subir las dos fotos a la vez es decir este codigo me hace la miniatura y si yo tengo el otro subirian las dos??? completandolo claro. un saludo y gracias.

[edie8]

Puedo hacer que la imagen que se suba se haga dos redimensionamiento la imagen grande se reduzca solamente un poco el peso y la otra ya sea la miniatura?? si es asi como puedo hacer estas dos cosas ala vez??? gracias un saludo.

[edie8]

He conseguio hacer que me haga la imagen en grande y en pequeño pero tengo un problema me sale estos errores y nose como repararlos quiero que me funcione con jpeg gif y png que son los mas conocidos pero uso esta funcion:
$viejaimagen = imagecreatefromjpeg($tmpimagen);
$nuevaimagen = imagecreatetruecolor($ancho, $alto);//Nueva imagen
imagecopyresized($nuevaimagen, $viejaimagen,0,0,0,0,$ancho,$alto,$width,$height);
Este es el error:

Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: '/tmp/phpnmhMeR' is not a valid JPEG file in /home/a3568063/public_html/prueba/fotos.php on line 53

Warning: imagecopyresized(): supplied argument is not a valid Image resource in /home/a3568063/public_html/prueba/fotos.php on line 55

Estas son la linea 52 a 56:

Código PHP:

  if(($info['extension'] == "jpg") or ($info['extension'] == "png") or ($info['extension'] == "gif")) {
            $viejaimagen = imagecreatefromjpeg($tmpimagen); 
            $nuevaimagen = imagecreatetruecolor($ancho, $alto);//Nueva imagen
            imagecopyresized($nuevaimagen, $viejaimagen,0,0,0,0,$ancho,$alto,$width,$height); 
   

el error del imagecreatefrom se como solucionarlo pero nose nose como reparar el imagecopyresized.
Espero que me puedan hechar una mano gracias un saludo.

[edie8]

Haber tengo este codigo ya sin errores:

Código PHP:

 <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dar estilo a un bot&oacute;n input file</title>
<link href="Css/jquery.si.css" rel="stylesheet" type="text/css" />
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js" type="text/javascript"></script>
<script src="Js/jquery.si.js" type="text/javascript"></script>
<div class="file"> <script type="text/javascript">
    $(document).ready(function() {
        $("input.file").si();
    });
</script>
<SCRIPT LANGUAGE="javascript"> 
<!-- 
function validar(){ 
alert('aceptar para seguir'); 
document.formulario.submit(); 
//También te puedes referir a ese objeto mediante un arreglo de esta forma 
//document.forms[0].submit(); 
} 
//--> 
</script> 
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="foto" onChange="submit(this)" class="file"/>
</form>
</div>
<?php
 
$nameimagen = $_FILES['foto']['name'];
$tmpimagen  = $_FILES['foto']['tmp_name'];
//Comprobamos si los campos están vacios...
if($nameimagen =="" or $tmpimagen=="") {
    
} else {
    //Establecemos el ancho fijo que tendran las miniaturas
    $ancho = 250;//Ancho de la imagen nueva
    //Obtenemos informacion acerca del fichero, para conocer su extension
    $info = pathinfo($nameimagen);
    
    $tamano = getimagesize($tmpimagen);
    print_r($tamano);
    
    $width  =  $tamano[0];//Ancho de la imagen
    $height =  $tamano[1];//Alto de la imagen
    
    
    //Comprobamos el ancho , para ver si supera los 120
    if($width > $ancho) {
        $alto = intval($height * $ancho / $width);//Alto de la imagen nueva
        //Comprobamos si la imagen es JPG
        switch($info['extension']) { 
            case 'jpg':
            $viejaimagen = imagecreatefromjpeg($tmpimagen); 
            $nuevaimagen = imagecreatetruecolor($ancho, $alto);//Nueva imagen
            imagecopyresized($nuevaimagen, $viejaimagen,0,0,0,0,$ancho,$alto,$width,$height);
            break;
            case 'png':
            $viejaimagen = imagecreatefrompng($tmpimagen); 
            $nuevaimagen = imagecreatetruecolor($ancho, $alto);//Nueva imagen
            imagecopyresized($nuevaimagen, $viejaimagen,0,0,0,0,$ancho,$alto,$width,$height);
            break;
            case 'gif':
            $viejaimagen = imagecreatefromgif($tmpimagen); 
            $nuevaimagen = imagecreatetruecolor($ancho, $alto);//Nueva imagen
            imagecopyresized($nuevaimagen, $viejaimagen,0,0,0,0,$ancho,$alto,$width,$height);
            break;
            }
            
            
            $original = "fotos/$nameimagen";
            $copia    = "fotos/mini/copia_$nameimagen";
            copy($tmpimagen, $original);//imagen.jpg
            imagejpeg($nuevaimagen,$copia);//copia_imagen.jpg
            echo "Se ha redimensionado correctamente";
        
         
    } else {
        echo "La imagen debe tener un ancho mayor que 120";
    }
}
?>   

Pero quisiera que la imagen original tambien se haga un poco más pequeña pero nose como puedo lograr esto con este codigo, este lo saque siguiendo un tutorial de yuotube, me podeis dar una idea?? como y donde tengo que poner el codigo para que la original tambien se modifique aunque nose haga tan pequeña?? un saludo.

[edie8]

Buenos dias por fin he conseguido hacer que se me hagan mis imagenes pequeñas y una en miniatura solo quería preguntar como puedo hacer para que se vean todas las miniaturas juntas y que cuando pulse sobre ellas se me abran la imagen grande?? gracias un saludo.

[edie8]

Ya tengo hecho la parte de que muestre las imagenes en grande y en pequeño ahora mi problema es que quiero que se habran tipo facebook o tuenti y nose ni como ni con que programacion debo hacerlo si javascritp o como me podeis dar una idea de como hacerlo?? gracias.

[edie8]

Buenas otra vez llevo tiempo queriendo hacer la galeria pero me atasque en que yo tengo mis miniaturas y al pulsar sobre ellas quiero que se habra la grande en otra pagina hasta aqui todo perfecto, pero quiero que cuando se habra la imagen grande tenga un boton link que pase a la siguente foto y otro de vuelta a la anterior, pero nose como he de hacer esto me podeis hechar una mano con alguna idea?? gracias.