Sobre

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.

25 ideias sobre “Sobre

  1. 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!

  2. 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!

  3. 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!

  4. 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.

  5. 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.

  6. 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();

  7. 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!

  8. 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

  9. 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.

  10. 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

  11. 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

  12. 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”.

  13. 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?

  14. 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

  15. 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 ‘‘;

  16. 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

  17. Well done!!
    But, how can I protect images from downloading when using the lightbox?
    If anyone knows, please help me.
    Thx :-)

  18. 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

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

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