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.
![]()
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.
Muito bom, excelente!
Não ter que ficar redimensionando ou tendo que adicionar os links, abrir na mesma janela, em uma nova janela.
Obrigado.
É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!
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! =)
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.
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.
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.
No meu blog uso o Shutter-Reloaded, é bem mais leve e funcional…
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.
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.
Instalei o Flexible Upload, ativei e configurei, mas não apareceu a tela acima em lugar nenhum.
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.
Vlw Érico.
Abraços.
Há uma versão mais leve do LightBox JS. É o SlimBox.
Aqui tem o plugin pro WordPress: http://www.4mj.it/slimbox-wordpress-plugin/
Oi Érico, vi que você está usando o SHUTTER agora… editou ou código dele?
“editou O código dele?”
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!
como faço pra baixar o programa word press?
responda-me por favor.
http://wordpress.org/download/
eu queria saber como eu faço para configurar o Flexible Upaload =D
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
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.
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.
Érico. Esta foi uma ótima dica. Me ajudou muito. Valeu.
Érico,
Você acredita então que é mais interessante ter as imagens no próprio servidor, ao invés de utilizar o photobucket por exemplo?
No meu caso como tenho poucas imagens no blog eu prefiro utilizar o próprio servidor, assim tenho controle total das imagens.
Valeu Érico!
Apesar do photobucket ser útil, acho que vou passar a fazer upload para o servidor.
Por que o ligthbox não funciona aqui num tema que eu fiz?
Nos outros temas funcionam
Pingback: Blog do Fernando
Olá, gostaria de saber se é possível e como se faz para que as imagens funcionem de uma destas 2 maneiras com o wordpress:
http://www.guarida.com.br/cgi-bin/w3-msql/novo/alugueis/imoveis_infoa1.msql?imovel='10179001‘
http://www.hagah.com.br/restaurantes/jsp/default.jsp?action=detail&ingrid=84966&uf=1&local=1®ionId=1&what=&where=&locale=R5&category=6&genre=101&filter=&letter=
Obrigado!!!
Olá, gostaria de saber se é possível e como se faz para que as imagens funcionem de uma destas 2 maneiras com o wordpress:
http://www.guarida.com.br/cgi-bin/w3-msql/novo/alugueis/imoveis_infoa1.msql?imovel=‘10179001?
http://www.hagah.com.br/restaurantes/jsp/default.jsp?action=detail&ingrid=84966&uf=1&local=1®ionId=1&what=&where=&locale=R5&category=6&genre=101&filter=&letter=
Obrigado!!!