Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Eddy Goulart

Album sem BD

Por , em PHP

Recommended Posts

Hamilcar    1

Hamilcar
Postado

Eddy Goulart, só fiz uma alteração na galeria que tinha te passado lá em cima pra buscar as fotos de um diretório dinamicamente, veja como ficou aqui, pode só fiz um teste pra você ver como fica, abaixo colocarei o còd executado, espero que ajude.

 

Estrutura a ser criada:

1 - Crie uma pasta album

2 - Crie dentro da pasta album a pasta fotos

3 - Copie album.php e coloque junto com a pasta fotos

4 - Crie duas pastas na pasta fotos (ImgThumbs e ImgGrandes), para thumbnails e fotos normais

5 - Coloque as fotos com tamanho normal na pasta ImgGrandes.

6 - Coloque as fotos pequenas na pasta ImgThumbs.

7 - Execute a página album.php

 

O album agora está funcionando, teremos que criar agora um sistema de administração, que será responsável por fazer upload das imagens criando as imagens pequenas e as grandes, e que faça toda a administração necessária para o objetivo esperado, espero que o cód sirva, abraços.

 

album.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Galeria de fotos iMasters InterCon</title>

<style type="text/css">

body {

background:#000;

font:12px Arial, Verdana, Helvetica, sans-serif;

text-align:center;

padding:0;

margin:0;

}

#topo {

position:relative;

height:53px;

background:#1daecb url(bg-topo.jpg) center no-repeat;

margin-bottom:30px;

}

#topo h1, #topo h2 {

height: 0;

width: 0;

overflow: hidden;

position: absolute;

}

.galeria {

width:680px;

margin:0 auto;

text-align:left;

}

.img-aqui {

background: #fff url('foto00.jpg') center no-repeat;

width:500px;

height:375px;

position:relative;

top:8px;

float:right;

border:1px solid #fff;

}

ul.fotos {

position:relative;

list-style:none;

width:162px;

padding:1px;

background:#999;

margin:0;

padding:0;

}

.fotos:after {

display: block;

content: ".";

height: 0;

font-size:0;

visibility: hidden;

clear: both;

}

ul.fotos li {

width:75px;

height:50px;

float:left;

border:2px solid #444;

margin:1px;

}

ul.fotos li img {

border:none;

width:75px;

height:50px;

}

ul.fotos li span img {

border:none;

width:500px;

height:375px;

height:auto;

}

ul.fotos a {

display: block;

}

ul.fotos a span {

display: none;

}

ul.fotos a:hover span.legenda {

display: block;

text-align:center;

width:500px;

position:absolute;

top:375px;

left:-2px;

}

ul.fotos a:hover span {

display: block;

position: absolute;

top:-5px;

left: 177px;

background:#fff;

border:2px solid #666;

}

ul.fotos a:hover span.legenda {

padding:5px 0;

color:#333;

}

#rodape {

background:#1daecb url(bg-rodape.jpg) center repeat-x;

height:30px;

margin:30px 0;

color:#fff;

text-align:right;

font-size:80%;

padding-right:10px;

}

</style>

<!--[if lte IE 6]>

<style type="text/css">

ul.fotos {

width:164px;

padding: 2px 0 1px 0;

}

ul.fotos li {

margin-top:0;

}

/* Fixes for IE */

/* Fix IE. Hide from IE Mac \*/

ul.fotos li { float: left; height: 1%; }

ul.fotos li a { height: 1%; }

/* End */

ul.fotos a:hover {

text-decoration:none;

background: none;

}

ul.fotos li {width:75px;}

ul.fotos a:hover span.legenda {width:500px;}

</style>

<![endif]-->

</head><body>

<div id="topo">

<h1>iMasters</h1>

<h2>Galeria de fotos com CSS</h2>

</div>

<div class="galeria">

<div class="img-aqui">

</div>

 

<ul class="fotos">

<?php //Aqui será o loop da galeria

 

$dir = 'fotos/ImgThumbs/';

$ImgGrande = 'fotos/ImgGrandes/';

$handle=opendir($dir);

while ($file = readdir($handle)) {

if (eregi("jpg$",$file) || eregi("gif$",$file) || eregi("png$",$file)){

echo('

<li>

<a href="#"><img src="' . $dir . $file . '" alt="">

<span><img src="' . $ImgGrande . $file . '" alt="">

<span class="' . $file . '".

</span>

</span>

</a>

</li>

');

}//Fim if

}//Fim while

closedir($handle);//fecha handle

?>

 

</ul>

</div>

<div id="rodape">

<p>

Galeria de Imagens<br>

</p>

</div>

</body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eddy Goulart    2

Eddy Goulart
Postado

cara ficouuu 10 cara... muito show.. mais o problema é que eu tenho 21 pastas e tenho muitas imagens... e vai dá muito trabalho redimencionar todas elas... eu gostaria que redimencionasse ela sozinhu... é facil fazer isso ? obrgiado cara.. ficou muito bom msm! flw adorei esse site.. nunca mais vou sair daki! vou enche o saco de voceis ateh aprender bastanti e depois postar pro pessoal ai tambem! hehehee

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eddy Goulart    2

Eddy Goulart
Postado

cara.. esse ai eu fiz o seguinte.. botei as imagens tudo para a pasta ImgGrande e botei o diretorio pra ImgGrande tbm e ficou do msm jeito beleza ;Dsoh q ela vai carregar tudo neh.. mais eh menos trabalho! da nada!vlww cara!flww

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hamilcar    1

Hamilcar
Postado

cara.. esse ai eu fiz o seguinte.. botei as imagens tudo para a pasta ImgGrande e botei o diretorio pra ImgGrande tbm e ficou do msm jeito beleza ;Dsoh q ela vai carregar tudo neh.. mais eh menos trabalho! da nada!vlww cara!flww

Olha, podemos modificar como quizer, podemos colocar a imagem grande e redimensionar com php ao mostrar, vou te passar um cód que recebe uma imagem como arqumento e dimensiona, tente adaptá-lo para seus propósitos, caso não consiga vamos acertando na medida do possível, valeu.thumb.php

<?php// Constantes: variaveis que não mudam em todo o programa // path do win2k. no unix, mude de 'd:/path' para '/home/usuario/www' $path = $_REQUEST['path'];// aqui recebe a imagem com o caminho completodefine(PATH_IMG, $path);define(MAX_WIDTH, 640); // aqui define a largura da imagem a ser apresentadadefine(MAX_HEIGHT, 480); // aqui define a altura da imagem a ser apresentada # Carrega a imagem $img = null; $extensao = strtolower(end(explode('.', PATH_IMG))); if ($extensao == 'jpg' || $extensao == 'jpeg') { $img = @imagecreatefromjpeg(PATH_IMG); } else if ($extensao == 'png') { $img = @imagecreatefrompng(PATH_IMG); // Se a versão do GD incluir suporte a GIF, mostra... } else if ($extensao == 'gif') { $img = @imagecreatefromgif(PATH_IMG); } // Se a imagem foi carregada com sucesso, testa o tamanho da mesma if ($img) { // Pega o tamanho da imagem e proporção de resize $width = imagesx($img); $height = imagesy($img); $scale = min(MAX_WIDTH/$width, MAX_HEIGHT/$height); // Se a imagem é maior que o permitido, encolhe ela! if ($scale < 1) { $new_width = floor($scale*$width); $new_height = floor($scale*$height); // Cria uma imagem temporária $tmp_img = imagecreatetruecolor($new_width, $new_height); // Copia e resize a imagem velha na nova imagecopyresampled($tmp_img, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height); imagedestroy($img); $img = $tmp_img; } } // Cria uma imagem de erro se necessário if (!$img) { $img = imagecreate(MAX_WIDTH, MAX_HEIGHT); imagecolorallocate($img,204,204,204); $c = imagecolorallocate($img,153,153,153); $c1 = imagecolorallocate($img,0,0,0); imageline($img,0,0,MAX_WIDTH,MAX_HEIGHT,$c); imageline($img,MAX_WIDTH,0,0,MAX_HEIGHT,$c); imagestring($img, 2, 12, 55, 'erro ao carregar imagem',$c1 ); } // Mostra a imagem header('Content-type: image/jpeg'); imagejpeg($img); ?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hedi    2

Hedi
Postado

eu fiz assim:

 

quando cadastro minhas galerias, crio uma pasta: festa1 por exemplo, ai jogo por ftp la dentro as fotos maiores e dentro da pasta uma pasta chamada 'mini' com as miniaturas (com o mesmo nome das maiores), ai varro a pasa mini e pronto, ja tenho a galeria montada:

 

link: http://www.maisqueamigos.com/galerias.php

 

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito