html - テーブルのセルに、マウスオーバーで小さいものの大きい画像を表示させる

Question

この関数から「ポップアップ」写真を撮るために使用できる関数またはコマンドはありますか？

<a class="thumbnail" href="#thumb">
    <img src="productURL" width="100px" height="142px" border="0" />
    <span>
        <img src="productURL" />
        <br />
        <font face="arial">productname</font> 
    </span>
</a>

ページの右側にある表に表示されますか？

注：DreamweaverCS6を使用しています

たぶん、クラス内に、前に定義したテーブル内にポップアップを表示する必要があるという方法がありますか？

Answer 1

編集 あなたはこれによってそれを行うことができます

HTMLテーブルのセルタグにIDを追加します

HTML

<img src = "xyz.png" onmouseover="showimage();" onmouseout="hideimage();" />

とテーブルのために

<table><tr><td id="showimage"></td></tr></table>

Javascript

function showimage()
{
    document.getElemtnById('showimage').append('<img src="xyz">');
}

function hideimage()
{
    var elem = document.getElemtnById('showimage');
    elem.removeChild(elem.childNodes[0]);
}

よろしく。