A lupa para imagens não funciona no modo bootstrap - jquery, twitter-bootstrap, modal-dialog

Eu uso o Lupa jQuery plugin para zoom de fotos. Funciona bem, mas quando mostro uma imagem em um modal de bootstrap, o zoom não funciona mais.

Como posso deixar o zoom funcionar em um modal de bootstrap?

Respostas:

Eu tentei usar esse plugin no passado e foi um trabalho enorme para realmente fazê-lo funcionar com um modal bootstrap.No final, eu usei apenas jQuery animate, como abaixo:

$(this).animate({"zoom": 1.2}, 0);

Onde $ (this) é o elemento com o qual você está trabalhando, 1.2 é o nível de zoom e 0 é o tempo que leva para ampliar para 1.2.

A função completa que eu realmente usei está abaixo:

$("*").hover(
function () {
$(this).animate({"zoom": 1.2}, 0);
$(this).css("user-select", "none" );
},
function () {
$(this).animate({"zoom": 1}, 0);
});