Jquery放大图片没有插件

Question

我很难在图像上编写简单的jquery放大图像功能但是我不想要插件。因此，当您单击图像时，它会弹出并放大图像大小，当您单击“x”时，它会关闭放大图像。

Answer 1

我们www.fancybox.net。如果你真的不想使用任何插件，你仍然会使用与一个插件相同的代码。

如果您真的不想使用插件，请执行此类操作。

$(document).ready(function () {
   $("img").toggle(function () {
        var width = $(this).attr("width");
        var height = $(this).attr("height");
        // Add function for displaying
    }, function () {
      // Add function for closing
    })
})

Answer 2

您可以使用缩放css（但尚未在所有浏览器中支持）

$（'＃myImage'）。css（{zoom：'200％'}）