jquery - 在引导模式上实现提升缩放

Question

我正在尝试elevate zoom使用引导程序在模态中使用。

我尝试了一切，不幸的是没有结果。

如果有人能给我任何类似的样品，我将不胜感激

Answer 1

我有同样的问题。我设法解决了这个问题，但将zoomType更改为镜头模式（请参阅文档）。

所以我的代码，在我的模态中使用提升缩放，是：

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
    });
});

如您所见，我还将 lensSize 选项设置为 300，以使变焦更大；这是因为Mousewhell变焦在 boostrap 模式下存在一些问题，同时镜头模式是一种快速解决方案，已经可以正常工作。