Combinação perfeita para manipular imagens no blog
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.
28 Comentários
Inscreva-se nos comentários.
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?” :P
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
Deixe um comentário
Faça um trackback
1 Trackbacks/Pingbacks
Clique para mostrar ou ocultar trackbacks.