ホーム > web・PC > web制作 > クリックで画像を切り替えるjavascript

クリックで画像を切り替えるjavascript

2008年8月30日 22:31 | 個別ページ | コメント(0) | トラックバック(0)

小さいサムネイルの写真があり、それを固定された大きい画像エリアに表示する場合が時々あります。
小さいサムネイルの写真をクリックして、大きい画像が切り替えるサンプルをご用意しました。

サンプル

サンプルソース

サンプルソースコード <script type="text/javascript">

</script>

<p><img src="/photo/images/20080506141601b.jpg" id="img" width="550" height="413" /></p>
<a href="javascript:changeimg('/photo/images/20080506141601b.jpg');"><img src="/photo/images/20080506141601a.jpg" alt="" width="180" height="135" border="0"></a>
<a href="javascript:changeimg('/photo/images/20080824201602b.jpg');"><img src="/photo/images/20080824201602a.jpg" alt="" width="180" height="135" border="0"></a>
</p>

この記事に関連している、 web制作で他の記事も見ることができます。

ブログランキングに参加しています。記事がよかったと思ったらクリックお願いします。
（他のいいブログも探すこともできます。）