追加画像のロールオーバー
他のサイトで使うかどうかわからんのでメモの必要があるかどうかもわからんが、一応メモ。
追加画像(小)に対し、ロールオーバーでメイン画像を追加画像に入れ替えるスクリプト。
前提条件として、「imgタグの書き出し」項にて記述した、imgタグにnameをつけるのをやっておくこと。
/includes/modules/additional_image.php(オーバーライド可),line92
$script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . $large_link . '\\\')">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';
を
$script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . $large_link . '\\\')" onMouseOver=\\\'MainImageChange("' . $base_image . '")\\\'>' . $thumb_slashes . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';
に書き換える。
次に、/includes/templates/template_default/templates/tpl_modules_additional_image.php、line18のDIVタグ下ぐらいに
<SCRIPT LANGUAGE="JavaScript"> <!-- function MainImageChange(subImageName) { document.images['XXXX'].src = subImageName; } // --> </SCRIPT>
を追記する。
document.images['XXXX']の部分は、imgタグに付け加えたnameを書くこと。
これでサブ画像にロールオーバー→メイン画像の入れ替えができる。