Question

以下php脚本用于从数据库加载图像！单击图像时会出现放大的图像，但是当我给出高度和宽度时，它仍保持相同的大尺寸！我想减小点击图像的大小身高= 100，宽度= 100虽然我给了他们但是没有用

 echo'<div class="ienlarger"><a href=../ordering/'.( $row['Image1'] ).' height=100 width=100><img src="../ordering/' .$row['Image1']. '" alt="thumb" class="resize_thumb" /><span>
    <img src="../ordering/' .$row['Image1']. '" alt="large" height=500 width=500 /><br />
    Copy-1</span></a></div>';

如何实现这一目标？

Answer 1

点击图片不是100x100的原因是 width标记中没有height或a属性。如果你考虑一下，因为a标签或锚点可以链接到所有类型的文档，包括非图像文件和非html文件（即它可以链接到文件下载）。在下载的情况下，拥有width属性是没有意义的。

我建议如果你真的想要这个功能，你可以创建一个500x500分辨率的图像并创建一个分辨率为100x100的类似图像....

或者如果你无法负担这个空间，你可以创建一个可以做到这一点的javascript。例如（不确定它是否有效）：

<div class="ienlarger"><img src="../ordering/<?php echo $row['Image1'] ?>" alt="thumb" class="resize_thumb" />
<span>
<img id="sizable" src="../ordering/<?php echo $row['Image1'] ?>" alt="large" height=500 width=500 /><br />
Copy-1
</span>
<script>
     document.getElementById("sizeable").onclick = function(evt)
     {
         evt.target.width = 100; 
         evt.target.height = 100;
     };
</script>
</div>

单击时控制图像的大小

1 个答案: