Javascript 将缩放功能添加到jquery宝丽来画廊

我正在使用一个jquery和css3照片库，我希望能够在点击时放大图片。作者说有一种方法可以做到这一点，但没有明确说明如何做到（我不是jquery专家）

我尝试创建一个单独的脚本来更改图像的宽度和高度，但我认为现有的jquery或css可能已经覆盖了它。
这只是一个测试，看看我是否可以前后改变它：

var size = false;
function enlarge(){

    if (size == false){
    document.getElementById("photo1").style.width = "100%";
    document.getElementById("photo1").style.height = "100%";
    size = true; 
    }
    else{
        document.getElementById('photo1').width = '134px';
        document.getElementById('photo1').height = '134px';
        size = false;
    }

---

有没有想过我该如何做到这一点

假设您通过单击函数传递函数

$（this）

并传递它（放大（项目）），您应该能够实现它。你也可以在你的else-an

$('img').each(function(){
    $(this).width = '134px';
    $(this).height = '134px';
});

---

这样，您就不必担心在单击另一个后调用它。我会测试它，但不确定你已经有了什么，而且把整个东西放在JSFIDLE中对我来说不起作用（加上不在家，所以只使用v13，所以我无法正确测试）。

我想到了三种不同的方法来满足你的要求（只是在我的脑子里）

从较小版本的图像开始，当用户单击它时，它会切换到较大版本（模糊度最小）

更改包含元素的大小。确保包含的元素具有样式

最大宽度：100%；最大高度：100%

使用（二维/三维比例）

我已经创建了一个JSFIDLE来演示最后两个选项（我想您可以很容易地找到第一个）

至于插件是否劫持了您的样式更改，这需要对您的特定代码进行一些调试

---

您的

var大小需要是全局的或其他的；
else
块将永远不会执行。我已经成功地使用了您编写的css3缩放函数，我想知道如何将该函数应用于多个元素，而无需复制代码、myImage1、myImage2等。@redleaf-只需将css类添加到您想要影响的元素中即可。