画 像 編

G1_拡大表示 更新日：2011年6月28日

（１）サムネイルをクリックすると拡大表示

海１

海2

海3

拡大画像

サムネイル画像の配置（alt title等の属性は略）
<p><img src="thumbnail-file-url" width="120" height="80"
     onClick="change('kakudai-file-url')" /></p>
拡大画像の配置（alt title等の属性は略）
<p><img id="img1" src="kakudai-shokigazo-url"
   width="400" height="266" /></p>
JavaScript関数
function change(url){
    document.getElementById('img1').src = url;
}