CSS を使用せずに画像置換を行える Javascript「jQIR」

【head 内】

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-jqir.js"></script>
<script type="text/javascript">
$(function(){
$(".jpng").jQIR("png", "image/");//png、imageフォルダの指定
$(".jjpg").jQIR("jpg", "image/");//jpg
$(".jgif").jQIR("gif", "image/");//gif
});
</script>

【body 内 切り替え用ソース】

<h1 id="imagename" class="jpng">テキスト</h1>

詳細

class 指定で呼び出すことが可能になる。
id には該当のファイル名を入れる。

CSSで画像を制御したい場合は #該当のid名 img { hoge: ～;} で可能。

「jQIR」配布元（作者）

http://www.texotela.co.uk/code/jquery/jQIR/