CADASTRE-SE

Montando Álbum de fotos em php

0 1 8 4 Henrique Guedes | Assunto: PHP

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

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 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

Leia a seguir: Colocando marca d'agua em imagens



Você precisa ler isto:

Comentários

TOPO