Combinação perfeita para manipular imagens no blog Por Érico Oliveira dia 19 de Outubro de 2007 às 4:10 pm | Imprimir este post

Atualmente utilizo dois plugins para gerenciar imagens aqui no pBlog, um deles é o Flexible Upload e o outro é o Lightbox JS. Com esta dupla ativada meu trabalho diminuiu bastante para inserir imagens no blog.

O Flexible Upload permite redimensionar o thumbnail e a imagem original no momento do upload, como você pode ver na imagem abaixo.
Flexible Upload

E o Lightbox JS é um efeito que permite, ao clicar em um thumbnail, exibir a imagem em seu tamanho original na mesma página. Clique na imagem acima e você verá do que estou falando.

O mais legal é que você não precisará configurar nada (além de fazer o upload dos plugins e ativá-los) para que tudo isto funcione. O Flexible Upload já vem configurado por default utilizar o Lightbox JS para exibir as imagens ao clicar no thumbnail. Recomendo a todos a instalação destes plugins, realmente muito úteis.

Adicionar um comentário

28 comentários : “ Combinação perfeita para manipular imagens no blog ”

  1. 1
    Gravatar
    Túlio :

    Muito bom, excelente!

    Não ter que ficar redimensionando ou tendo que adicionar os links, abrir na mesma janela, em uma nova janela.

    Obrigado. ;)

  2. 2
    Gravatar
    Anizio Carlos da Silva :

    Érico,
    realmente a combinação destes plugins é excelente, já havia testado.

    Porém o lightbox consume muitos recursos do servidor; passe a usar o Shutter Reloaded, que é bem mais leve, só que ele não funciona em conjunto com o Flexible Upload, tem que editar no código fonte :(

    Um abraço!

  3. 3
    Gravatar
    Felipe Fernandes :

    Nunca testei o Flexible, mas gostei muito de sua função!

    Mas como o Anizio falou acima, o lightbox consome muita banda de tráfego do servidor só por aquele efeito de escurecer a tela e do movimento que se adapta a imagem. Por isso costumo usar o Thumbnail Viewer [ http://www.longren.org ]. Que é muito parecido! =)

  4. 4
    Gravatar
    Rael B. Riolino :

    O Flexible Uploads é sensacional….

    Ele ainda tem opção para colocar marca dágua nas imagens, porém ainda nao suporta png 24bits - que daria um resultado bem melhor… mas nao tenho duvida que nas proximas atualizações, este recurso será implantado.

  5. 5
    Gravatar
    Érico Oliveira :

    De fato o Lightbox consome bem mais recursos do servidor, porém sua integração com o Flexible Upload gera um enorme ganho de produtividade. Tentarei integrá-lo com o Shutter Reloaded e/ou Thumbnail Viewer, se tiver sucesso disponibilizarei aqui no pBlog. Abraços e obrigado pelas dicas.

  6. 6
    Gravatar
    Anizio Carlos da Silva :

    Também pensei em editar o plugin, e se tiver tempo e sucesso, compartilharei - isso é o bom do Wordpress e de toda a ‘filosofia’ por trás do software livre.

  7. 7
    Gravatar
    VDIAS :

    No meu blog uso o Shutter-Reloaded, é bem mais leve e funcional…

  8. 8
    Gravatar
    Jonny :

    Eu começei a usar o Lightbox,porem c/ esse zun zun zun que consome banda do servidor,eu desabilitei ele por aqui,vou ver esses que estão indicando pra ver como são,boa dica vlw.

  9. 9
    Gravatar
    Lucien :

    O Lightbox é muito bom, já usei o script para fazer galerias de fotos em meus trabalhos.
    Por exemplo, http://www.pg.cefetpr.br/utfest/galeria.php

    Já o Flexible Upload eu não conhecia, vou instalar e tomara que resolva meus problemas de redimensionamento de imagens.

    Abraços.

  10. 10
    Gravatar
    Fernando Derkoski :

    Instalei o Flexible Upload, ativei e configurei, mas não apareceu a tela acima em lugar nenhum.

  11. 11
    Gravatar
    Érico Oliveira :

    Fernando,
    Eu também demorei um pouco para descobrir onde estavam as opções do Flexible Upload. Mas para visualizá-las basta selecionar o arquivo no momento do upload e as opções aparecerão ao lado, como no screenshot.
    Abraços.

  12. 12
    Gravatar
    Fernando Derkoski :

    Vlw Érico.

    Abraços.

  13. 13
    Gravatar
    Mateus :

    Há uma versão mais leve do LightBox JS. É o SlimBox.

    Aqui tem o plugin pro Wordpress: http://www.4mj.it/slimbox-wordpress-plugin/

  14. 14
    Gravatar
    Anizio Carlos da Silva :

    Oi Érico, vi que você está usando o SHUTTER agora… editou ou código dele?

  15. 15
    Gravatar
    Anizio Carlos da Silva :

    “editou O código dele?” :P

  16. 16
    Gravatar
    Érico Oliveira :

    Olá Anizio, acabei esquecendo de comentar como resolvi a compatibilização do Flexible Upload com o Shutter Reloaded. Foi bem mais simples do que eu imaginava, nas opções do Flexible Upload eu desabilitei a opção “Link plugin” e nas configurações do Shutter eu ativei a opção “Shutter on all image links”. Moleza! :)

  17. 17
    Gravatar
    marry :

    como faço pra baixar o programa word press?
    responda-me por favor.

  18. 18
    Gravatar
    Érico Oliveira :

    http://wordpress.org/download/

  19. 19
    Gravatar
    Renato :

    eu queria saber como eu faço para configurar o Flexible Upaload =D

  20. 20
    Gravatar
    Renato :

    Bom.. aqui deu tudo certinho… só gostaria de tirar uma pequena duvida:
    http://kylexybr.teen.mus.br/

    no meu blog, na primeira imagem, quando clica nela e ela fica maior, aparece uma marca d’agua automaticamente, eu gostaria de saber como tirar

  21. 21
    Gravatar
    Érico Oliveira :

    Olá Renato,

    Acesse a administração do seu blog e clique em Options/Flexible Upload, em seguida apague o conteúdo da caixa de formulário chamada Signature image (for watermark) e depois clique em Update Options.

  22. 22
    Gravatar
    Octávio Augusto :

    Cara, muito bom o artigo. Salvou minha semana.
    O Lightbox sem o Flexible Upload fica complicado pra pessoas ‘normais’ usarem.

    Grande abraço e força!

    Merece até um click no anúncio do google hehe.

  23. 23
    Gravatar
    Fernando Lopes :

    Érico. Esta foi uma ótima dica. Me ajudou muito. Valeu.

  24. 24
    Gravatar
    Paulo Villela :

    Érico,
    Você acredita então que é mais interessante ter as imagens no próprio servidor, ao invés de utilizar o photobucket por exemplo?

  25. 25
    Gravatar
    Érico Oliveira :

    No meu caso como tenho poucas imagens no blog eu prefiro utilizar o próprio servidor, assim tenho controle total das imagens.

  26. 26
    Gravatar
    Paulo Villela :

    Valeu Érico!
    Apesar do photobucket ser útil, acho que vou passar a fazer upload para o servidor.

  27. 27
    Gravatar
    D. :

    Por que o ligthbox não funciona aqui num tema que eu fiz?
    Nos outros temas funcionam

  28. 28
    Gravatar
    Blog do Fernando :

    Tradução do Plugin Flexible Upload para WordPress…

    Disponibilizo a tradução em Português do Brasil do plugin para WordPress Flexible Upload, que fiz a partir da tradução do site euri.com.br. Nele tinha alguns termos errados e faltavam algumas linhas de tradução, que agora estão todas completas….

Escreva um Comentário

XHTML: Você pode usar estas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


vpn service