Leandro Vieira trabalha com desenvolvimento web desde 2002. Em 2005, foi convidado para integrar o time de referências profissionais do iMasters.
No mesmo ano, lançou o CD-ROM Dreamweaver + PHP + MySQL recordista de vendas do TI SHOP. Em 2006, lançou o CD-ROM Curso Web Sites com AJAX, uma das primeiras referências de Ajax no Brasil. Em 2007 lançou o Curso Interativo Adobe Dreamweaver CS3 abordando as novas funcionalidades e recursos do Dreaweaver CS3.
Atualmente, Leandro Vieira é desenvolvedor web, professor do iPED Premier, criador de cursos exclusivos para o TI SHOP, editor do blog leandrovieira.com e cursando Comunicação Social (Publicidade e Propaganda) na UNIVALE.
I found a bug on your lightbox implementation. You can see the bug at the following page: http://leandrovieira.com/projects/jquery/lightbox/
If you click on examples, then click on one of the images. After loading, without clicking or pressing any other buttons on the keyboard, just press the enter key.
It does something strange.
Leandro, o rapaz acima “tejinashi”
citou um erro que realmente ocorre no seu lightbox, ao clicar na imagem, ela abre normalmente, faz tudo como planejado, porém ao apertar “enter” com uma imagem ampliada acontece um erro , que no caso au apertar “enter” seria pra imagem dar um reload.
espero que você corrija o problema o mais rápido possivel, adorei ele…
parabéns!; só gostaria de tirar uma dúvida.. como eu mudo a cor da janela que amplia a imagem, em arquivo e linha eu altero isso..
é que eu estou começando a aprender isso agora..
tenho só 15 anos!; obrigado!
Dúvida, digamos que eu coloque uma página com, 3 imagens usando o seu ligthbox, mais essas 3 imagens vão ter eu queria tirar essa opção..
para só mudar a imagem para a segunda se a pessoa fechar a primeira imagem e clicar na segunda imagem.
ou seja, deixa apenas a opção de CLOSE, sem
Obrigado!
Dúvida, digamos que eu coloque uma página com, 3 imagens usando o seu ligthbox, mais essas 3 imagens vão ter “Prev e Next” eu queria tirar essa opção..
para só mudar a imagem para a segunda se a pessoa fechar a primeira imagem e clicar na segunda imagem.
ou seja, deixa apenas a opção de CLOSE, sem “Prev e Next”
Obrigado!
Ce tem Twitter??? =D
Cara muito bom seu site, tem algumas dicas ai que me ajudou no projeto.
Valeu!!
Olá pessoal estou quebrando cabeça com o sistema pra redefinir a senha o login-lembrete.php e não estou conseguindo vocês podem me ajudar. No aguardo.
Hi,
I have downloaded your lightbox plugin and it works perfectly with images but i am not being able to open and play video plugin. Please repply me asap.
Hi, i tried to use the selector ‘a[@rel*=lightbox]‘ and it didn’t work, then I just took of the ‘@’ and it worked
$(‘a[rel*=lightbox]‘).lightBox();
Hey! Thank you so much for creating lightbox. One question – how easy is it for me to change the identifier of the javascript from to something else – as I have it now, already linked images are getting tangled up with your light box and this is upsetting my client! Please help me!
Leandro,
ótimo plugin! Obrigado.
veja à adição que fiz para determinar o tamanho máximo do lightbox em casos que a imagem original seja muito grande para a tela.
— Y:/apps/js/jquery.lightbox-0.5 (2).js Mo Okt 3 11:35:43 2011
+++ Y:/apps/js/jquery.lightbox-0.5.js Mo Okt 3 11:37:23 2011
@@ -35,6 +35,7 @@
// Configuration related to container image box
containerBorderSize: 10, // (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value
containerResizeSpeed: 400, // (integer) Specify the resize duration of container image. These number are miliseconds. 400 is default.
+ containerMaxHeight: 480, // (integer) Specify the maximal height of the container. Image will be resized accordingly if height is greater than containerMaxHeight. 480 is default
// Configuration related to texts in caption. For example: Image 2 of 8. You can alter either “Image” and “of” texts.
txtImage: ‘Image’, // (string) Specify text “Image”
txtOf: ‘of’, // (string) Specify text “of”
@@ -186,6 +187,16 @@
var objImagePreloader = new Image();
objImagePreloader.onload = function() {
$(‘#lightbox-image’).attr(‘src’,settings.imageArray[settings.activeImage][0]);
+
+ // rescale image if height is greater than settings.containerMaxHeight
+ if(objImagePreloader.height > settings.containerMaxHeight) {
+ var ratio = settings.containerMaxHeight / objImagePreloader.height;
+ objImagePreloader.width = objImagePreloader.width * ratio;
+ objImagePreloader.height = settings.containerMaxHeight;
+ $(‘#lightbox-image’).attr(‘width’,objImagePreloader.width+”px”);
+ $(‘#lightbox-image’).attr(‘height’,objImagePreloader.height+”px”);
+ }
+
// Perfomance an effect in the image container resizing it
_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
// clear onLoad, IE behaves irratically with animated gifs otherwise
Eae Leandro blz?
Cara estou precisando fazer um trabalho no meu serviço e esta muito dificil pra mim, preciso bloquear abas no firefox, como posso estar alterando o codigo fonte para que seja bloqueado isso?
meu email – jorgetononi@gmail.com
Desde já muito obrigado pela atenção.
Hi,
I was trying to figure how to get ur jQuery lightBox plugin to continue it’s background if the img is wider than screen. Any hlp would be appreciated.
Thx
Olá roteiro muito bom, eu sei como colocar botões de navegação no script.
Desculpe o mau Português
e graças
——–
Hello very good script, I don´t know how to put navigation buttons at the script.
Sorry for bad English
and thanks
Eae Leandro, Belo plugin !
Olha só eu tenho usar ele, e ele abre em outra pagina quando eu clico, tentei mudar as formas de usar mas nada, se tu puder me ajudar me mande um email rafael.pezzetti@gmail.com
regarding your jquery lightbox plugin – is it possible to remove the function that cycles through the images when clicking? I would prefer when clicking the image to close the enlarged window rather than go to the “next”.
I encountered two problems with your plugin:
1. In IE 7.0 the width of the #image-overlay is too small. It is adjusted to the width of the body of the website. The result is ugly. No problem in other browsers.
2. When an image has a size larger than the screensize, the image is not resized so that it fits within the screen. (another replyer mentioned the same problem). Do you have a solution for this?
Thanks for this nice script. I have one question about its possibilities because I would like to continue from last image on first one (when I press Next) and from first to last one (when I press Prev). Is this possible?
Best regards
Hi..I have used it..& it works perfectly..Thanks
Currently I use Lightbox ver. 2.0 and it was working fine. However, since build of the site i have added a few JQuery items, like a face-book feed that the client has to have.
It is conflicting with the light box java-script I believe. I was old maybe your version of light box will work.
My issue is that I pull information dynamically from a database of customer images tagged with a user_id in the title. Can you look at my current scripting and see if this is something I can accomplish the version you supply. below is the link in the gallery.
echo ‘‘;
echo '';+-echo ‘‘;
Hi Leandro, I modified your script jQuery Lightbox, and added two configurations imageMaxWidth, imageMaxHeight with these settings you can control the height and width of the photo to display.
If you are interested, I send you the code.
Sorry by my english.
In spanish.
Hola Leandro, he modificado tu script jQuery lightBox, y he añadido dos configuraciones imageMaxWidth, imageMaxHeight con estas configuraciones se puede controlar la altura y anchura de la foto a mostrar.
Si te interesa, te mando el código.
Saludos Rafael Cano
Jaén – España
Ronda – Málaga – España
Well done!!
But, how can I protect images from downloading when using the lightbox?
If anyone knows, please help me.
Thx
Oi Leandro,
Teu formulário para contato não foi implementado
Gostei muito do teu plug-in lightbox, é bem leve, exatamente o que eu estava procurando. Gostaria de sugerir a opção para não adicionar a legenda automaticamente do atributo ‘title’. Talvez essa opção já exista e eu não vi?
Obrigado pelo bom trabalho!
Fernando Pereira Silveira