スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



軽くてシンプルなpopbox.js

仰々しいアニメーションがなく動作も軽くていい感じ。
とりあえず右のprofile画像に設定。クリックすると動作。

scriptタグ
<script src="./PopBox.js" type="text/javascript"></script>
<script type="text/javascript">
popBoxWaitImage.src = "./spinner20.gif";
popBoxRevertImage = "./magminus.gif";
popBoxPopImage = "./magplus.gif";
</script>

CSS (拡張子.curはFC2ブログではアップロードできないので、_cur.txtとした。)
.PopBoxImageSmall
{
border: none 0px white;
cursor: url("./magplus_cur.txt"), pointer;
}
.PopBoxImageLarge
{
border: solid thin #CCCCFF;
cursor: url("./magminus_cur.txt"), pointer;
}

ブログのprofileプラグインのHTMLを変更
<img src="<%image>" alt="<%author_name>"
pbsrc="./o_rly_thumbig.jpg"
class="PopBoxImageSmall"
onclick="Pop(this,50,'PopBoxImageLarge');" />
imgタグに直接onclikのイベントハンドラを設定することになるが、ここで画像ごとにいろんなオプションを変えることができる。


popbox.jsのサイトはPopBox! - Javascript Image Magnification
参考サイトはPopBoxの使い方 - ARK-Web SandBox Wiki
スポンサーサイト



comment

Secret

while(aho.atEndofStream)

笹部 政宏
笹部 政宏
mail




フリーソフツ
Category
はてブ
Monthly Archive
New Entry
New Comment
New Trackback
RSS
Copyright © Kittens flewby me All Rights Reserved.

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。