Novo site com dicas de como optimizar seu código para tornar suas páginas mais rápidas. Muitas dicas sobre HTML, CSS, Javascript, jQuery, imagens e servidores.
Arquivo por categoria: Images
Link permanente para este artigo: http://ensina.me/coldfusion/browser-diet/
Abr 19
Como exibir uma imagem proveniente de um server remoto
Problema: Voce tem que exibir diversas imagens que vêm de um seervidor remoto, mas não quer que sejam emitidos erros caso as imagens não estejam disponíveis (logo de imagem quebrada no placeholder). Solução: Em vez de utilizar a tag <img> com o URL da imagem, chame um template que recuperará a imagem via <cfhttp>. Explicação detalhada: Em seu …
Link permanente para este artigo: http://ensina.me/coldfusion/como-exibir-uma-imagem-proveniente-de-um-server-remoto/
Jan 09
Upload arquivos de imagens com segurança
Problema: Permitir usuários fazerem upload de arquivos de imagens, que serão então exibidas, pode parecer extremamente simples mas tem seus desafios e preocupações de segurança. O principal perigo é o fato de que muita da informação disponível para nós na hora do pedido de upload é fornecida pelo navegador do cliente (client/Browser), o que significa …
Link permanente para este artigo: http://ensina.me/coldfusion/upload-arquivos-de-imagens-com-seguranca/
Dez 07
Redimensionar imagens on-the-fly
Problema: Alguma vez voce precisou redimensionar imagens on-the-fly ? É fácil com ColdFusion e cfimage. Solução: Eu tenho 3 imagens 1-3.jpg em um diretório. Leio a imagem para a memória. Escrevo a imagem no tamanho atual para o navegador. Redimensiono a imagem em memória. Nesse estágio, eu poderia escrever a imagem de volta a um arquivo …
Link permanente para este artigo: http://ensina.me/coldfusion/redimensionar-imagens-on-the-fly/
Nov 30
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á …
Link permanente para este artigo: http://ensina.me/coldfusion/criando-uma-simples-galeria-de-imagens-de-um-diretorio-em-particular/
Nov 22
Redimensionar imagens on-the-fly para caber em uma grid
Problema: Voce tem imagens, algumas delas estào em formato retrato e outras em paisagem, em um diretório e voce quer escalar as imagens para caber no layout grid de tal forma que o lado mais longo seja de um tamnaho especificado e o menor lado escale proporcionalmente. Solução: ColdFusion 8 introduziu diversas e poderosas funções …
Link permanente para este artigo: http://ensina.me/coldfusion/redimensionar-imagens-on-the-fly-para-caber-em-uma-grid/
Nov 10
Crop de imagem usando JCrop
Eu quero mostrar como usar a biblioteca JCrop para fazer o crop em imagens usando o ColdFusion como backend. Lembrando que vou postar somente um exemplo, e que a implementação, você pode fazer como achar melhor. Index.html Primeiro vamos criar um formulário simples chamando o nosso arquivo de crop, denominado crop.cfm [code lang='coldfusion'] Selecione uma …
Link permanente para este artigo: http://ensina.me/coldfusion/crop-de-imagem-usando-jcrop/
Set 09
Como posso saber as dimensões de uma imagem em ColdFusion 7?
ColdFusion 7 não tem suporte nativo de imagem (ou seja, a capacidade de manipular imagens). No entanto, existem vários produtos que adicionar esta capacidade ao ColdFusion. Neste este artigo, vamos olhar para ImageCFC, uma solução grátis de open-source criado por Rick Root. Este componente fornece várias opções de manipulação de imagem. Simplesmente para verificar o tamanho …
Link permanente para este artigo: http://ensina.me/coldfusion/como-posso-saber-as-dimensoes-de-uma-imagem-em-coldfusion-7/
Ago 26
Como posso usar ColdFusion para colocar marca d’água numa imagem?
Use a função imagePaste(). A função imagePaste() recebe duas imagens e uma coordenada X/Y, e desenha a segunda imagem sôbre a primeira com o canto superior esquerdo na coordenada X/Y. <cfset imagePaste(myBigImage.jpg,myWatermark.jpg,50,50)> by Jeremy Petersen
Link permanente para este artigo: http://ensina.me/coldfusion/como-posso-usar-coldfusion-para-colocar-marca-dagua-numa-imagem/
Ago 26
Como posso usar ColdFusion para “crop” uma imagem?
Use a função imageCrop(). <!—Read in the image —> <cfimage action="read" name="myImg" source="foo.jpg"> <!— Crop to 50×50 pixels starting at X = 1 & Y=1.—> <cfset imageCrop(myImg,1,1,50,50)> by Jeremy Petersen
Link permanente para este artigo: http://ensina.me/coldfusion/como-posso-usar-coldfusion-para-crop-uma-imagem/