實現升級自舉模態的縮放

Question

我試圖在使用引導的模態中使用elevate zoom。

我試了一切，很不幸沒有結果。

我將不勝感激，如果有人能夠給我任何的相似樣品

Answer 1

我有同樣的問題。 我設法解決它看看this anwser，但更改zoomType爲鏡頭模式（see docs）。

所以我的代碼，用我的情態提升變焦，是：

1）調整的CSS：

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

2）呼叫TE插件時的模式準備：

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

正如你所看到的，我還使用了300的lensSize選項，使變焦更大;這是因爲Mousewhell zoom在助推模式下有一些問題，與此同時，鏡頭模式是一種快速解決方案，已經可以運行。