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