前回、設置を紹介したPopBoxですが、いろいろ細かい設定ができます。


挙動の違いをサンプルを交えて紹介します。

・まずは一番シンプルな形。最小限の設定の場合。

<img src="img_s.jpg" pbsrc="img_l.jpg" class="PopBoxImageSmall" onclick="Pop(this,50,'PopBoxImageLarge')">

・画像上部のバーのテキストと下部テキストを指定する場合

<img src="img_s.jpg" pbsrc="img_l.jpg" pbcaption="ここが「pbcaption」" pbRevertText="「ここがpbRevertText」" class="PopBoxImageSmall" onclick="Pop(this,50,'PopBoxImageLarge')">

・画像のみ表示する場合

<img src="img_s.jpg" pbsrc="img_l.jpg" pbShowRevertBar = "false"　pbRevertText="" pbshowrevertimage="false" class="PopBoxImageSmall" onclick="Pop(this,50,'PopBoxImageLarge')">

・画像を動かす場合

80px左に       80px右に
移動します。  移動します。

<img src="img_s.jpg" style="position:absolute; left: 0px; top: 0px; width: 70px; height: 100px;" class="PopBoxImageMove" onclick="PopEx(this,80,0,70,100,1,null); ">

この投稿は 2010年2月9日 火曜日 6:04 PM に JavaScript, Web開発 カテゴリーに公開されました。