Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Tarde,
O código abaixo funciona perfeitamente na geração das miniaturas e exibição das imagens, porém tente de várias maneiras, sim pesquisei muito antes de postar um meio de paginar a exibição de imagens. A parte de colunas está ok, porém preciso de auxílio para montar a paginação.
Conto com a colaboração, desde já obrigado.
<head>
<meta http-equiv="content-language" content="pt-PT">
<title> Galeria</title>
<style type="text/css">
.clear { clear:both; }
.photo-link { padding:5px; margin:5px; border:1px solid ccc; display:block; width:200px; float:left; }
.photo
</style>
</head>
<?php
//gera a miniatura
function make_thumb($src,$dest,$desired_width) {
$source_image = imagecreatefromjpeg($src);
$width = imagesx($source_image);
$height = imagesy($source_image);
$desired_height = 200;
$virtual_image = imagecreatetruecolor($desired_width,$desired_height);
imagecopyresized($virtual_image,$source_image,0,0,0,0,$desired_width,$desired_height,$width,$height);
imagejpeg($virtual_image,$dest);
}
//lista imagens do diretório
function get_files($images_dir,$exts = array('jpg')) {
$files = array();$files[] = $file;
}
}
closedir($handle);
}
return $files;
}
//pega a extensão do arquivo
function get_file_extension($file_name) {
return substr(strrchr($file_name,'.'),1);
}
//gera a galeria
$images_dir = 'imagens/';
$thumbs_dir = 'miniaturas/';
$thumbs_width = 200;
$images_per_row = 4;
$image_files = get_files($images_dir);$index = 0;
foreach($image_files as $index=>$file) {
$index++;
$thumbnail_image = $thumbs_dir.$file;$extension = get_file_extension($thumbnail_image);
if($extension) {
make_thumb($images_dir.$file,$thumbnail_image,$thumbs_width);
}
}
echo '<div style="width:895px; margin-left:10px;margin:0 auto;text-align:center;"><a href="',$images_dir.$file,'" class="photo-link smoothbox" rel="gallery"><img src="',$thumbnail_image.'" /></a></div>';
if($index % $images_per_row == 0) { echo '<div class="clear"></div>'; }
}
echo '<div class="clear"></div>';
}echo '<p>Nenhuma imagem encontrada</p>';
}
?>Carregando comentários...