楽々ホームページ 制作更新 ECO WEB information

画像を拡大表示するには

2008-02-06 (Wed) 01:40
フクロウさん写真を掲載する場合、レイアウトの関係で縮小して表示する場合が良くあります。その際、ポップアップで拡大させたりといろいろと手段はありますが、今回ご紹介するスクリプトはストレス無くスムースに拡大してくれます。

の画像にマウスを乗せてみてください。 
これを実現するスクリプトはJavascriptで下記のサイトから入手できます。
PopBox! （License） ※ライセンスにしたがってご利用ください。


<script src="http://（あなたのドメイン）/javascript/PopBox.js"
 type="text/javascript">
</script>

<script type="text/javascript">
   popBoxShowRevertBar = false;
   popBoxShowRevertText = false;
   popBoxShowRevertImage = false;
</script>

<img class="PopBoxImageLink"
 id="imgPopBox"
 style="visibility: visible;
 margin: 0px 20px 10px 0px"
 height="75" alt="フクロウさん"
 width="100"
 align="left"
 border="0"
 onmouseover="PopEx(this,-38,-79,284(拡大時の横幅),213(拡大時のの縦の長さ),20,null);"
 class="PopBoxImageLink"
 src="<--画像のURL-->" />
　
※緑色の数字をいじると拡大サイズとか位置など調整できます。
※その他、いろんな出現の仕方があるのでサイトをチェックしてみてください。
ECO WEB活用方｜comments（0）｜trackback（0）
お試しボタン

ログインボタン

Blog Calendar

Blog Category

求められているホームページ

「インターネット利用者は情報を知りたい」インターネットのニーズは急速に広がりを見せております。その中でも、情報を得ることを目的としたインターネット使用ニーズは多く、インターネット利用者１­０­人中９­．­３­人がホームページを情報を得るツールとして使用しています。参考：Ｙ­ａ­ｈ­ｏ­ｏ­！Ｊ­ａ­ｐ­ａ­ｎ­によるインターネット利用者アンケート結果求められている情報をいかに発信し見てもらえるようにするかがホームページ制作の鍵とも言えるでしょう。
RSS 2.0