«

»

Nov 30

Print this Post

Criando uma simples galeria de imagens de um diretório em particular

Problema:

Quero criar uma simples galeria de imagens que tenho em um diretório em particular.

Solução:

Isto pode ser feito usando CFDIRECTORY e CFIMAGE. Voce pode ler o diretório e usando CFIMAGE, redimensionar e exibir. Veja um exemplo simples abaixo.

Explicação detalhada:

Primeiro defina algumas variáveis, estas nos dizem onde a pasta de imagem está e a altura e largura das thumbnails que queremos criar. Você pode declarar essa configuração, quer no seu modelo ou se você preferir globalmente em sua aplicação. Neste exemplo, nenhum escopo é assumido, mas é geralmente sempre boa prática se declarar um escopo.


<cfset imagesFolder = "./img/gallery/"><!---change to your image directory--->
<cfset varWidth = "100"><!---image width in px--->
<cfset varHight = "100"><!---image height in px --->

A seguir, nós obtemos todas as imagens do diretório especificado.


<cfdirectory action="list" directory="#ExpandPath(imagesFolder)#" recurse="true"
     name="gallery" filter="*.jpg"/>

Redimensione e exiba todas as imagens no navegador. Neste caso, usando lightbox, modifique o necessário.


<cfoutput query="gallery">
     <cfimage action="resize" 
          source="#ExpandPath('#imagesFolder##gallery.name#')#"
          width="#varWidth#" height="#varHight#" name="ImageObject"/>
     <!---rel=lightbox[projects] is my light box group change to yours--->
     <a href="img/gallery/#gallery.name#" rel="lightbox[projects]">
          <cfimage action="writetobrowser" source="#ImageObject#"/>
     </a>
</cfoutput>

Nota: este exemplo só funciona usando o ColdFusion 8 + e só recebe imagens JPG. Se você quiser outros formatos de arquivo, veja  filtros para cfdirectory.

by Glyn Jackson
Versão em inglês: Adobe ColdFusion Cookbook


 

Permanent link to this article: http://ensina.me/coldfusion/criando-uma-simples-galeria-de-imagens-de-um-diretorio-em-particular/

Leave a Reply