（4）「_on」が付いている画像が初期表示されている場合はロールオーバーは無視される。

（5）画像はプリロードされるので、ロールオーバーの反応がはやい。

2　ロゴにロールオーバーを適用する。

（1）■html/js/jquery.rollover/rollover.jsを作成する。

[php]
// ロールオーバー
jQuery(function($) {
var postfix = ‘_on’;
$(‘.j_roll a img’).not(‘[src*=”‘+ postfix +’.”]’).each(function() {
var img = $(this);
var src = img.attr(‘src’);
var src_on = src.substr(0, src.lastIndexOf(‘.’))
+ postfix
+ src.substring(src.lastIndexOf(‘.’));
$(‘‘).attr(‘src’, src_on);
img.hover(function() {
img.attr(‘src’, src_on);
}, function() {
img.attr(‘src’, src);
});
});
});
[/php]

（2）■data/Smarty/templates/default/site_frame.tplに追加する。

[php]


[/php]