Wowwwww… eu ainda tenho um blog ?! uhuuu… heheheheh
Pois é.. alguns meses (anos ?!) sem vir aqui e voltei com algo que sinto que gostaria de compartilhar.
Enrolações a parte… vamos lá.
Trabalhando em um site para uma amiga, onde o layout foi todo feito na horizontal me deparei com um problema ao usar o plugin para jQuery lightBox para exibir algumas imagens. Ele simplesmente “ignorava” aonde estava a minha barra de rolagem, e o usuário nem notava que havia aberto a foto.
Bom, eu acho este um plugin muito bom para a exibição rápida de imagens e não estava afim de criar o meu próprio. O que pensei ?! Bora arrumar a “bagaça”… =D
Pouco tempo olhando o código e eis que criei este pequenino patch. Após testar no Firefox e funcionar com uma “luva” a animação veio a tona e sai logo a procura de entrar em contato com o desenvolver do plugin para uma pequenina colaboração. Não conseguindo um contato direto (leia-se: e-mail ou IM) decidi enviar por tweet o meu patchzinho. Ingênuo de minha parte de não testar corretamente…
Enfim, foi no dia seguinte que, ao testar no Safari vi que o patch não estava funcionando muito bem (o overlay aparecia no local certo, mas já a imagem…). Pronto, lá fui eu de volta ao código do plugin… Só que desta vez eu tinha na cabeça que ia fazer direito.
Bom, fui à caça, fuça daqui, fuça de lá e acabei encontrando o que queria. O código que buscava o tamanho da tela e a posição das barras era baseado em um código terceiro (do quirksmode.com) que não cobria todos os navegadores. Po, mas perai, é um plugin do jQuery e o jQuery tem estes dados de uma forma totalmente “cross-browser”.
Pois bem, re-escrevi estas funções e criei este novo patch, que agora posiciona e dimensiona o overlay e imagem corretamente.
Testado no IE 7, Firefox 3.6 e Safari 4 e tudo rodando perfeito, decidi soltar ao mundão (após o “fiasco” do outro patch, era o minimo que podia fazer).
Fica ai a dica, caso alguém encontre algum erro no meu patch (ou até alguma sugestão), por favor, notifique-me, vou ficar muito contente com o feedback. =D
Aproveitem !
