Mostrar todas las imágenes de una carpeta con PHP

Si tenemos una carpeta donde tenemos varias imágenes, y quisiéramos mostrar todas estas en una página, podemos usar el siguiente código de PHP para conseguirlo:

<?php 
$ruta = "imagenes/"; // Indicar la ruta
$filehandle = opendir($ruta); // Abrir archivos de la carpeta
while ($file = readdir($filehandle)) {
        if ($file != "." && $file != "..") {
                $tamanyo = GetImageSize($ruta . $file);
                echo "<p><img src='$ruta$file' $tamanyo[3]><br></p>\n";
        } 
} 
closedir($filehandle); // Fin lectura archivos
?>

Espero les sea de utilidad, mas información sobre PHP aquí.

 

Otros temas de interés

6 comentarios en “Mostrar todas las imágenes de una carpeta con PHP”

  1. Hola, una pregunta… yo quiero hacer lo mismo pero con documentos HTML, como si fuera un blog, como puedo yo lograr esto?
    Lo eh intentado y luche hasta que me di por vencido, solo muestra un documento a traves de iframe. Ayudame please

  2. este es mi codigo:
    la consulta es la siguiente ;

    query(“SELECT * FROM ficha WHERE testCedula LIKE ‘%$parametro%’ or testNombre LIKE ‘%$parametro%’;”);
    $resultados = array();
    while ($row_errs = $result->fetch_array())
    {
    $resultados[]= $row_errs;
    }
    ?>

    Id
    Cedula
    Nombres
    Apellidos
    Fecha
    Foto
    Imprimir

    <?php echo"”; ?>

    y el index es el siguiente:

    Ventana Modal, Popup con animación css3 | antocas.com

    $(document).ready(function() {
    $(‘.button’).click(function() {
    type = $(this).attr(‘data-type’);
    $(‘.overlay-container’).fadeIn(function() {
    window.setTimeout(function(){
    $(‘.window-container.’+type).addClass(‘window-container-visible’);
    }, 100);
    });
    });
    $(‘.close’).click(function() {
    $(‘.overlay-container’).fadeOut().end().find(‘.window-container’).removeClass(‘window-container-visible’);
    });
    });

    //******************Query de Busqueda*****************

    $(document).ready(function() {
    $(“#parametro”).keydown(
    function(event)
    {
    var param = $(“#parametro”).attr(“value”);
    $(“#resultado”).load(‘php/busqueda.php’,{parametro:param});
    }
    );
    });
    $(document).ready(function() {
    $(“#parametro”).keyup(
    function(event)
    {
    var param = $(“#parametro”).attr(“value”);
    $(“#resultado”).load(‘php/busqueda.php’,{parametro:param});
    }
    );
    });

    //*******Funcion para tomar datos de la Fila**************
    function tomaIds(){
    document.getElementById(“grilla”).onclick=function(e){
    // obtenemos el elemento sobre el que se ha hecho click
    if(!e)e=window.event;
    if(!e.target) e.target=e.srcElement;
    // e.target ahora simboliza la celda en la que hemos hecho click
    // subimos de nivel hasta encontrar un tr
    var TR=e.target;
    while( TR.nodeType==1 && TR.tagName.toUpperCase()!=”TR” )
    TR=TR.parentNode;
    var celdas=TR.getElementsByTagName(“TD”);
    // cogemos la primera celda TD del tr (si existe)
    if( celdas.length!=0 )
    var cogeid=celdas;
    // devolvemos su contenido
    //Almaceno los valores tomados de la fila
    var id =celdas[0].innerHTML
    var cedula =celdas[1].innerHTML
    var nombre =celdas[2].innerHTML
    var apellido =celdas[3].innerHTML
    var fnacido =celdas[4].innerHTML
    var foto =celdas[5].innerHTML
    //*************Paso Datos a la Modal**************
    document.getElementById(“ids”).innerHTML=id;
    document.getElementById(“cedulas”).innerHTML=cedula;
    document.getElementById(“nombres”).innerHTML=nombre;
    document.getElementById(“apellidos”).innerHTML=apellido;
    document.getElementById(“fechas”).innerHTML=fnacido;
    document.getElementById(“fotos”).innerHTML= foto;
    //************************************************
    abrir();

    }}
    //**********Funcion para Abrir la MOdal********************************
    function abrir()
    {

    $(document).ready(function() {
    $(‘.button’).click(function() {
    type = $(this).attr(‘data-type’);
    $(‘.overlay-container’).fadeIn(function() {
    window.setTimeout(function(){
    $(‘.window-container.’+type).addClass(‘window-container-visible’);
    }, 100);
    });
    });
    $(‘.close’).click(function() {
    $(‘.overlay-container’).fadeOut().end().find(‘.window-container’).removeClass(‘window-container-visible’);
    });
    $(‘.print’).click(function() {
    //$(‘.overlay-container’).fadeOut().end().find(‘.window-container’).removeClass(‘window-container-visible’);

    window.print();

    });

    });
    }
    //************************************************************************

    Ficha Deportiva”
    Id:
    Cédula:
    Nombres:
    Apellidos:
    Fecha:
    Foto:
    ImprimirCerrar

    Buscador de Deportistas

    Puede buscar por Cédula o Nombre

  3. Hola maestros tengo un problema quisiera que me ayuden por favor..

    Tengo una consulta mediante Jquery a mi BDD quiero cargar una foto mediante php el problema esq en vez de aparecer la foto aparecen puros símbolos , números letras como una especie de código en ves de la imagen alguien ,e puede decir como solucionarlo por favor?

  4. Esta excelente pero si tengo por ejemplo 10 imágenes en una carpeta las muestra además de un recuadro como una foto 11 inexistente que apunta a un thumbs.db porque da este error??

  5. Pingback: Bitacoras.com

Deja un comentario