2009年07月09日
特定のページのみにPOPBOXを適用する。
webphotoで特定のテンプレートのみに、popboxを使いたい場合。
webphotoの一般設定でpopboxを使用するにすると、全てのサムネイルがpopbox化されてしまう。
私の場合、main_photoのみに使いたかったので以下のようにしてみた。
本当はもっとスマートなやり方があるのだが、面倒なので^^;
まず、webphotoの設定画面から、popboxを使用しないを設定。
次に、themes(テーマ)のhead内に直接、以下の様にスクリプトのインクルードを記載(ぉぃ
<script src="http://ホゲ.com/modules/webphoto/libs/PopBox.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
popBoxRevertText = "クリックすると、元の小さい写真になる"
popBoxWaitImage.src = "http://ホゲ.com/modules/webphoto/images/popbox/spinner40.gif"
popBoxRevertImage = "http://ホゲ.com/modules/webphoto/images/popbox/magminus.gif"
popBoxPopImage = "http://ホゲ.com/modules/webphoto/images/popbox/magplus.gif"//]]>
</script>
そして、最後に dirname_main_photo.html の<{* IMAGES *}>の部分を以下の様に書き換える。
<{* IMAGES *}>
<{if $photo.displaytype == 1 }><{if $photo.img_middle_width && $photo.img_middle_height }>
<img src="<{$photo.img_middle_src_s}>" border="0" align="center" vspace="3" hspace="7" alt="<{$photo.title_s}>" title="<{$photo.title_s}>" width="<{$photo.img_middle_width}>" height="<{$photo.img_middle_height}>" class="PopBoxImageSmall" onclick="Pop(this,100,'PopBoxImageLarge');" pbSrcNL="<{$photo.media_url_s}>" />
<{else}>
<img src="<{$photo.img_middle_src_s}>" border="0" align="center" vspace="3" hspace="7" alt="<{$photo.title_s}>" title="<{$photo.title_s}>" width="<{$cfg_middle_width}>" class="PopBoxImageSmall" onclick="Pop(this,100,'PopBoxImageLarge');" pbSrcNL="<{$photo.media_url_s}>" />
<{/if}>









