1) Drag da imagem mascarada (versão original jQuery) --------------------------------- 2a) O mesmo que a versão anterior mais um mini-mapa de legenda. A nevageção do mini-mapa é baseada na posição do mouse, ou seja, captura o inicio do drag (click) e o final do drag (mouseUp). A diferença é mexida proporcionalmente no mini-mapa > Resultado final: Imagem dragável e mascarada --------------------------------- 2b) A legenda do mini-mapa agora move de acordo com o movimento da imagem-maior. É mais lógico. Capturamos a posicao inicial da imagem-maior (no mouseDown) e posicao final (no mouseUp). Em seguida, a diferenca de posicionamento serve como dado para mover a legenda do mini-map (de maneira proporcional) > Resultado final: Imagem dragável, mascarada e com mini-mapa (legenda) --------------------------------- 2c) Capturar a diferença de valores não é feita mais nos eventos click e mouseUp. Rodamos em tempo de execução testes para atualizar a legenda o tempo todo. E nao mais apenas no mouseUp > Resultado final: Imagem dragável, mascarada e com mini-mapa (legenda) --------------------------------- 3) A largura e altura da legenda do mini-mapa agora são feitas dinamicamente usando a proporcao entre imagem-maior e mini-mapa. > Resultado final: Imagem dragável, mascarada e com mini-mapa (legenda) !!! Melhor versão com mini-map não-dragável. --------------------------------- 4) Uso de drag na legenda do mini-mapa. > Resultado final: Imagem dragável, mascarada e com mini-mapa (legenda) também dragável --------------------------------- ================================= 1) Bug conhecido: O ie não respeita valores picados para o margin que é atualizado 2) Bug conhecido: ie: mexer o drag bem devagar com o mouse não atualiza o elemento paralelo. Isso se deve ao mesmo fato do margin picado. Mexendo devagar, significa que vc irá atualizar valores bem pequenos (tipo: 0.2). E, como relatado acima, o ie nao lerá 0.2, mas sim 0 3) !!!!!!!!!!!!!!!!!! O draggable-jquery não funciona no Google Chorme e no Safari (mesmo a versão original sem mini-mapa). Isso pq ao arrastar a imagem dragável, esses navegadores entedem que você quer mover a imagem, como copiar para o seu desktop, por exemplo (ação padrão dos navegadores) ================================= 5) Correção do bug? Não deu