Criando uma galeria dinâmica com Django e JavaScript (jquery)

Dia desses precisei criar uma galeriazinha em JS. Queria que fosse algo dinâmico, fizesse pré-cache das images e etc. Dei uma "googlada" básica e não achei muita coisa que me agradasse, foi quando decidi que faria uma. Primeiramente pensei em Ajax, mas acabei descartando essa idéia ao longo da criação. Pois não vi grandes problemas em fazer o Django enviar uma lista de fotos correspondente a um álbum. De certa forma, através de um pré-cache, ele continua funcionando por Ajax, mas não no sentido de construir uma requisição para devolver um endereço, e sim, através da lista de endereços de imagens vindo diretamente no corpo do html renderizado pelo Django.

O Javascript suporta navegação pelo teclado através das setas: direita e esquerda.

Enfim, o código Javascript tem muito a ser melhorado. Eu aceito contribuições, seja com sugestões ou desenvolvimento propriamente dito.

O fonte do Javascript pode ser acessado aqui: photocache.js
O fonte html Django ficou assim: photo.html
O fonte html renderizado ficou assim: photo-baloes-e-arte.html

O script em funcionamento pode ser visto em (site do cliente): Exemplo - baloesearte.com.br

Espero que gostem.

Valeu galerinha!

Publicado dia 9/05/2010