クリックしたときの画像のサイズを制御する

Question

次のPHPスクリプトを使用して、データベースから画像をロードします。画像をクリックすると拡大画像が表示されますが、高さと幅を指定すると同じ大きさになります！私は私がそれらを与えたけれども= 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>'; 

はどのようにこれを達成することができます動作しませんでした 高さ= 100と幅にクリックされた画像のサイズを小さくしたいですか？ aタグにはwidthまたはheight属性が存在しないので、クリックされた画像は100×100でない理由

Answer 1

理由があります。あなたはそれについて考えると、aのタグまたはアンカーは、非イメージファイルや非HTMLファイル（つまり、ファイルのダウンロードにリンクする可能性がある）を含む、すべてのタイプのドキュメントにリンクできるためです。ダウンロードの場合、width属性を持つことは意味がありません。

私はあなたが本当にこの機能が必要な場合は、あなたが画像500×500の解像度を作成して、100×100の解像度と同様のものを作成することができますいずれかを示唆している....

それとも、そのスペースを買う余裕ができない場合は、あなたをそれを行う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>