6

Mural de fotos sem banco de dados

Posted by Ana Claudia on jan 8, 2008 in HTML, PHP, Web Standards

Antes de começar meu tutorial sobre o mural de fotos, vou contar uma pequena histórinha. Em 2004 foi o casamento do meu irmão do meio, e resolvi presentear os noivos com um site álbum de fotos. Na época tinha muito pouco conhecimento em PHP, e o site foi praticamente inteiro em HTML, com excesão dos comentários. Como tinha pouca experiência, inseri o código inteiro dos links das fotos na mão, passei 2 dias fazendo isso. Alguns anos mais tarde, com mais experiência, resolvi reformular alguns sites antigos e o do meu irmão foi um deles. No primeiro momento pensei em cadastrar todas as fotos em um banco de dados mas isso levaria tempo, porque eram muitas fotos. Como as fotos estavam devidamente ordenadas por números, pensei em outra alternativa: Abrir as pastas das fotos.
Veja o código simplificado abaixo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?
  $dir = $_GET["pasta"];
  if($folder = opendir("$dir/fotos/mini"))
  {
    $i = 1;
    while(($arquivos=readdir($folder)) != false){
     if($arquivos == "." or $arquivos == ".."
     or $arquivos == "Thumbs.db") continue; {
     if($i < 10) $i = "0".$i;
     $lista .= "<li><a href='popup.php?Foto=$i
     &amp;Pasta=".$dir."' class='popup'>
     <img src='".$dir."/fotos/mini/foto".$i."mini.jpg
     alt='' border='0'/></a></li></n>";
     $i++;
    }
  }
  closedir($folder);
  }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
  <head>
    <title><?=$dir ?></title>
  </head>
  <body>
    <ul>
      <?=$lista ?>
    </ul>
  </body>
</html>

Onde a variável $dir (linha 2) recebe uma variável GET que corresponde ao nome da pasta que contém as imagens. A estrutura das imagens nas pastas é a mesma, ou seja, as imagens tem o mesmo padrão de nome. Após receber o nome da pasta, nós vamos abri-la com a função opendir() (linha 3),ler todos os arquivos do diretório com a função readir() e jogar esse conteúdo num loop while (linha 6).Depois é so ir concatenando o conteúdo numa variavel, no nosso caso a variável $lista(linha 10) e mandar imprimir no html (linha 27). Não podemos esquecer de fechar o diretório com a função closedir() (linha 17), pois desta forma a memória que foi usada para abrir o diretório será liberada e nosso código ficará mais leve para ser carregado. E pronto, temos uma solução simples de mural sem o uso de uma banco de dados. Espero que tenham gostado, um grande abraço.

 
0

Previsões para 2008

Posted by Ana Claudia on dez 31, 2007 in Feliz ano novo, Pessoal

Feliz ano Novo

Muita gente já escreveu suas previsões para 2008, mas eu vou escrever no último dia do ano de 2007, só para contrariar um pouquinho (bem, na verdade foi por falta de tempo mesmo).
Para 2008 eu espero que menos aviões caiam, ou melhor, que nenhum avião caia, porque é muito triste ver tanta gente morrer de uma forma tão brusca;
Que haja menos corrupção no nosso país e que desta vez nós acertamos nos governantes que serão eleitos;
Que o Brasil ganhe muitas medalhes nas olimpíadas de Pequim;
Que a tecnologia continue a se expandir em nosso país com a TV digital e a rede 3G;
Que não falte trabalho para os profissionais de TI e para todos os outros brasileiros;
E principalmente que todos nós tenhamos saúde, paz, felicidade e dindin no bolso, por que nós não somos de ferro não é mesmo?
Um grande abraço e um super feliz 2008. ;)

 
4

XHTML válido para vídeos do YouTube

Posted by Ana Claudia on ago 26, 2007 in Web Standards, XHTML

Há algum tempo, quando postei o vídeo do iPhone que encontrei no YouTube, percebi que meu firefox mostrava que o código da tag <embed> não era válido pela W3c, então procurei no nosso amigo Google uma alternativa que tornasse o código do vídeo válido e que o mostrasse corretamente tanto para Firefox como IE 6. A primeira solução que encontrei criava um código que funcionava para Firefox e outro para IE, não achei que fosse o melhor. Procurando um pouco mais no nosso querido amigo, encontrei neste blog uma solução mas fácil e menor. Este foi o vídeo que peguei no Youtube (porque adoro gatos), que me fornece um código assim:

1
2
3
4
5
<object width="425" height="373">
 <param name="movie" value="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed>
</object>

Esse vídeo não é um xhtml válido, como disse anteriormente, mas podemos modificá-lo da seguinte forma:

1
2
3
4
<object style='width:425px;height:373px' data="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1">
 <param name="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1" />
 <param name="wmode" value="transparent" />
</object>

O vídeo vai ser mostrado assim:

Bom por hoje é só pessoal, um artigo curto porém útil para mostrar vídeos do YouTube em seus blogs ou sites. ;)

Copyright © 2010 Ana Claudia. All Rights Reserved.
Theme by Lorelei Web Design.