Galeria de imagens similar à da Apple Store
Semana passada o dgmike fez um desafio em seu blog. O objetivo era construir uma galeria de imagens igual à vista na Apple Store do zero, e obviamente sem consultar o fonte do original.
Decidi que era uma boa oportunidade para treinar alguns conceitos de scripting e também divulgar meu trabalho. Além disso, vinha procurando uma desculpa pra trabalhar com a My Library; melhor lib JavaScript já concebida, se você me perguntar.
Meti a mão na massa no fim de semana, e depois de quebrar a cabeça pra deixar algumas coisinhas redondas, consegui terminar uma primeira versão do script. Não testei extensivamente, mas sei que funciona em IE7, IE8, Opera8-10, Chrome e Firefox 2+.
Dê uma conferida no meu trabalho, e diga o que achou aí nos comentários. Se encontrar qualquer bug ou tiver alguma sugestão, vou ficar feliz em ouvi-lo.
Update:
David Mark was nice enough to link my gallery at MyLib’s website!
Thanks, David!
Comentários (5)
-
001
Will
em 31/03/2010 11:51:41Ficou legal.
Eu acho que você deveria dizer as funcionalidades implementadas.
-
002
Frederick Silva
em 31/03/2010 14:28:46Nao tenho muito a dizer, apenas parabéns Muito bom o trabalho ficou muito parecido depois tem como voce disponibilizar o script ou tutorial :D ( um dia vou programar dessa forma) .
-
003
Leo Balter
em 31/03/2010 14:54:41Muito bom e bem feito. Parabéns pelo trabalho.
Uma dúvida, posso mexer legal no código? Se aceitar vou remodelar o mesmo para uso como plugin de jQuery, utilizando a mesma licença que você adota para o seu.
-
004
Gabriel Gilini
em 31/03/2010 19:29:17@Will
Valeu :) a idéia era ficar com funcionalidades idênticas às da Apple. Zoom em dois níveis, com scrolling na maior resolução e efeitos de transição.@Frederick
Muito obrigado :)
Você pode pegar o script lá na página mesmo, o endereço é http://www.souagil.com.br/gabriel/myimagegallery/js/myimagegallery.js.
Sobre o tutorial, você tem interesse em um dizendo como configurar uma galeria como essa utilizando o script ou um tutorial técnico, sobre como foi construído?@Leo
Obrigado! E, claro, vai fundo. Você pode modificar, vender, e tudo o mais que tá escrito ali na licença hehe :) desde que ela seja mantida.
Fique à vontade, e se pintar qualquer dúvida é só perguntar. -
005
Renato
em 15/09/2010 10:23:32ola, gostaria de saber se tem como implementar nesta galeria comandos de teclado e o scroll do mouse..
grato!!
