楽々ホームページ 制作更新 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