Php 使用动态帧调整图像大小
我完全陷入困境，需要帮助。我一直在尝试创建一个图片框架实用程序（用于照片等）。在这里，用户可以指定照片的大小，然后选择彩色纸板支架和框架类型。 我的客户为我选择的创建类似内容的站点如下： 您可以看到，用户可以指定他们的图片大小、帧和挂载，并在屏幕上看到它的形成。我不明白的地方是缩放。在上面的示例中，您可以看到，如果有人更改了安装尺寸或帧类型，它们会更改，以便与图片大小成比例。 我一直试图让我的系统也这么做，但我失败了 到目前为止，我所做的（没有缩放）可以在客户现场网站上看到：www.vivarti.co.uk/bespoke-frames 我主要是使用CSS、Jquery和AJAX完成的 有没有比使用Jquery更好的方法来做这类事情，或者有人能帮我算出数学，让我的版本更具规模？我知道这是一项艰巨的任务，但我只是希望有人能帮助我 提前感谢。或使用CSSPhp 使用动态帧调整图像大小,php,jquery,css,ajax,Php,Jquery,Css,Ajax,我完全陷入困境，需要帮助。我一直在尝试创建一个图片框架实用程序（用于照片等）。在这里，用户可以指定照片的大小，然后选择彩色纸板支架和框架类型。 我的客户为我选择的创建类似内容的站点如下： 您可以看到，用户可以指定他们的图片大小、帧和挂载，并在屏幕上看到它的形成。我不明白的地方是缩放。在上面的示例中，您可以看到，如果有人更改了安装尺寸或帧类型，它们会更改，以便与图片大小成比例。 我一直试图让我的系统也这么做，但我失败了 到目前为止，我所做的（没有缩放）可以在客户现场网站上看到：www.vivart
<body style="max-width: 90%; max-height: 90%">
<div id="div_container" style="background: #ff3300;max-width: 90%; max-height: 90%">
<img id="imgid" src="picture.jpg" style="max-width: 90%; max-height: 90%">
</div
</body>
试试这个
<html>
<head>
<script>
function setHeight(value) {
getTag('div_container').style.height = value + 'px';
}
function setWidth(value) {
getTag('div_container').style.width = value + 'px';
}
function getTag(id) {
return document.getElementById(id);
}
</script>
</head>
<body>
<div>
<input type="text" value="200" onChange="setHeight(this.value);"
placeholder="height">
<input type="text" value="200" onChange="setWidth(this.value);"
placeholder="width">
</div>
<div id="div_container" style="background: #ff3300;width:200px;
height:200px;max-width: 90%; max-height: 90%">
<img id="imgid" src="http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-sticker-proof.png"
style="min-width: 5%; min-height: 5%; max-width: 90%; max-height: 90%; margin: 5%;">
</div>
</body>
函数设置高度（值）{
getTag（'div_container'）。style.height=value+'px'；
}
函数设置宽度（值）{
getTag（'div_container'）。style.width=value+'px'；
}
函数getTag（id）{
返回文档.getElementById（id）；
}
谢谢，但不幸的是，我认为这在这种情况下不起作用。框架都是特定的宽度，用户也可以指定特定的安装宽度。有人能帮忙吗？？请？在我的例子中，为了更新图像的大小，我只需要使用javascript修改id为'div_container'的div的大小：例如document.getElementById（'div_container'）。style.height=heigth+“px”；嗨，乌尔里奇，谢谢你的评论。是否有任何地方我可以看到你的脚本的行动，所以我可以看看它是否做了类似我需要的事情？