2016-09-26 3 views
-1

elevate zoomをブートストラップを使用してモーダルで使用しようとしています。は、ブートストラップモーダルの昇順ズームを実装します

私はすべてを試しましたが、残念ながら結果はありませんでした。

誰かが私に任意の同様のサンプル

+0

あなたはこれがイメージのためだけに機能することを認識していますか? – madalinivascu

+0

はい私do 私はそれをズームしたいブートストラップモーダルの画像を持っています –

+0

あなたはコードjsfiddleを提供できますか? – madalinivascu

答えて

0

を与えることができれば、私は、私は同じ問題を抱えていたいただければ幸いです。 this anwserを見て解決することができますが、ズームタイプレンズモード(see docs)に変更しています。

だから私のコードは、私のモーダルでズームを高める使用するには、次のとおりです。)

.zoomContainer{ z-index: 9999;} 
.zoomWindow{ z-index: 9999;} 

2モーダルの準備ができたとき、TEプラグインを呼び出します:

1)CSSの調整

$('#myModal').on('shown.bs.modal', function() { 
    $("#zoom_05").elevateZoom({ 
     zoomType: "lens", 
     lensShape: "round", 
     lensSize: 300 
    }); 
}); 

ご覧のとおり、lensSizeオプションを300に設定してズームを大きくしました。これは、Mousewhell zoomがブーストラップモードにあるときに問題を抱えているためです。一方、レンズモードは既にそのままで動作する高速なソリューションです。

関連する問題