La loupe pour les images ne fonctionne pas avec le modal bootstrap - jquery, twitter-bootstrap, modal-dialog

Je utilise l Magnifying Glass plugin jQuery pour zoomer sur une photo. Cela fonctionne bien, mais lorsque je montre une image en mode bootstrap, le zoom ne fonctionne plus.

Comment puis-je laisser le zoom fonctionner dans un modal bootstrap?

Réponses:

J’ai essayé d’utiliser ce plugin dans le passé et c’était un travail colossal de le faire fonctionner avec un modal bootstrap. Au final, j’ai utilisé jQuery animate, comme ci-dessous:

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

Où $ (ceci) est l’élément sur lequel vous travaillez, 1.2 le niveau de zoom et 0 le temps nécessaire pour effectuer un zoom sur 1.2.

La fonction complète que j'ai réellement utilisée est ci-dessous:

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