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