Montando Álbum de fotos em php

Veja como e simples montar um album de fotos usando php com um excelente efeito em java script

Comente abaixo Henrique Guedes
Ola gente
sei que estou meio sumido mais estamos ai firme e forte e vou me organizar e assumir compromissos com os leitores
que sempre  dão  o bom ar da presença na coluna.
e toda semana dicas novas por aqui
Essa Máteria vai em especial ao "JAMAICA" sobre como montar um album de fotos em php

espero que a galera goste e claro com base nos comentarios podemos fazer a parte2 desse script

vamos a ação entao
espero que so os comentarios ajude vc a entende esse script





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-BR" lang="pt-BR">

<head>

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

<title>album de fotos rapido em php </title>

<meta name="resource-type" content="document" />

<meta http-equiv="pragma" content="no-cache" />

<script type="text/javascript" src="highslide/highslide.js"></script>

<script type="text/javascript">

    hs.graphicsDir = 'highslide/graphics/';

    window.onload = function() {

        hs.preloadImages(5);

    }

</script>

<style type="text/css">

@import "teu.css";

</style>

</head>

<body>

<div class="controle2">

 <?

$album
="album";

/*nome da pasta do meu album de fotos :)*/

$tudo=count($total glob("$album/{*.jpg}"GLOB_BRACE));

/*de uma olhada na minha materia lendo e excluindo pastas */

/*aqui eu conto o total de fotos dentro da pasta indicada e pegou as fotos jpg

*/

$a=0;

while(
$a $tudo) {

/*traduzindo enquanto o total de img for menor que o total que esta na pasta  eu

dou um giro pegando

a outra imagem

como vc deve ter reparado quando imagem tem um titulo e alt vc poder criar

variavel

garantido assim uma acesibilidade para sua imagem

eu usei uma unica img no tamanho maior = 450 x 338

mais vc pode trabalhar com tamanho maiores

editar o seu css e usar os modelos que tem dentro da pasta

highslidegraphicsoutlines

*/

?>

<a href="<?=$total[$a]?>" class="highslide" onclick="return hs.expand(this,

{captionId: 'caption<?=$a?>'})">

   <img itemprop="image" src="<?=$total[$a]?>" alt="<?=$album?>"

      title="<?=$album?>" height="75" width="100" /></a>

      <div class='highslide-caption' id='caption<?=$a?>'>

      <p>Um texto legal aqui para fotos ou deixar em branco mesmo </p>

      <? $a++; ?>

       </div>

<?

}

?>

<div id="mensagem">

 <p>Ser vc tive tempo de uma olhada no arquivo highslide.js</p>

 <p>vc podera mexer em quase tudo dentro do js</p>

 <p> ate escolhe outros modelos para seu album editar a tradução e colocar

conforme seu desejo </p>

<p>Visite  o site do autor dessa biblioteca tem mais coisa  legal</p>

<p>http://vikjavev.no/highslide/</p>

<p>

</div>

 </div>

</body>

</html>




Eu estou disponiblizado um exemplo que eu fiz num recente projeto , e claro que ninguem fique seduzindo pela  beleza do layuot mais avalie o efeito desse album
ver exemplo online

Agora a decisao e sua baixe o script e edite conforme seu desejo
um abraço a todos e comente sobre esse album
e nao esqueça sua sugestão de hoje pode ser sua materia de amanha

  um abraço
  henrique guedes

ASSUNTOS RELACIONADOSphpalbum de fotos

 
Relacionados
Ranking de Smartphones

Confira os últimos testes de smartphones que nossa equipe realizou.

Destaques

TOPO