使用jquery放大DIV？

Question

我的页面上有一个DIV，其位置为绝对位置且ID为magnify，在此DIV下还有另一个带有一些自动移动/滚动小图像的DIV ...

我想做的是让DIV放大放大镜像......

因此，当每个小图像都在DIV之下时，它会像放大镜那样显示更大的图像。

这是我目前所拥有的，但是这段代码并没有像放大镜那样放大div，我不明白为什么！

<script>
    $(document).ready(function () {
        function () {
            $('#magnify').animate({ 'zoom': 1});
        }
    });
</script>

有人可以就此提出建议吗？

编辑：

这是我所指的一个例子：

所以图标在放大镜/ DIV下移动/滚动...而放大镜也不动。唯一移动的是放大镜下的图像/图标。

Answer 1

我不确定你的滑块究竟是如何工作的，但我要做的是当你要放大的图像处于活动状态时/在“放大镜”下，然后添加一个CSS类来使用CSS进行缩放。

即

.image { transition: all .2s ease-in-out; }
.image-active { transform: scale(1.5); }