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í.
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
Hola Jason,
¿qué es lo que necesitas hacer..? No me queda muy claro.
Saludos y gracias por tu visita.
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
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?
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??
Pingback: Bitacoras.com