用PHP实现动态jQuery函数

我得到了一个jQuery函数，它可以缩放图片，这样无论原始大小，最大的测量值都是350px

jQuery：

function Scale(){
    var img = new Image();
img.onload = function () {
    alert('Orignal width:'+img.width+', height:'+img.height);
    var width, height;
    if (img.width > img.height) {
        width = (img.width > 350 ? 350 : img.width);
        height = img.height * (350 / img.width);
    } else {
        height = (img.height > 350 ? 350 : img.height);
        width = img.width * (350 / img.height);
    }
    img.width=width;
    img.height=height;
    $("#img-holder").append(img);
}

img.src = "picture.jpg"
}

我正在使用PHP循环从数据库中检索图片链接

PHP:

每次循环运行时，图片链接将存储为

$r['picture']

---

我的问题：如何为我通过循环检索到的每张图片运行jQuery脚本？

在CSS中为所有此类图像指定

最大宽度

和

最大高度

。不需要JavaScript

#img-holder img {
   max-width: 350px; 
   max-height: 350px;
}

或者，为了保持比例：

#img-holder img {
    max-width: 350px;
    max-height: 350px;
    width: auto;
    height: auto;
}

---

您将不得不使用它。您可以设置一个按钮，通过ajax向php文件请求链接。然后，当你得到链接回来，你会只是显示你想要的

有很多方法可以实现您的需求。其中之一是创建一个类模型“ShowImage”包含两个属性width、height，或者简单的是创建从SQL获得的图像数组并传递到视图。然后，您可以获取每个图像，并以您期望的大小显示它们

但我建议你不要那样做。让服务器端的东西在服务器端，客户端的东西在客户端

您可以像使用函数Scale一样使用php，因为php具有获取给定图像维度的函数

最好的是你们只需要一个函数，生成给定最大尺寸的缩略图，这样你们就可以继续使用它，你们就不用再担心图像周围的这些东西了

有很多函数可以处理缩略图，比如

---

你知道吗？CSS属性能保持图片的比例吗？取决于你怎么做，是的。提交了一个答案。好吧，谢了。谢谢！

#img-holder img {
    max-width: 350px;
    max-height: 350px;
    width: auto;
    height: auto;
}