一番簡単な画像置換の方法-imageReplace.js-

Check このエントリーをはてなブックマークに追加

配布元：[to-R]とあるWEBクリエイターのblog
ライセンス：MIT-License

imageReplace.jsはhtml要素を画像置換してくれるライブラリになります。

文字などテキストで入力することが可能ですので、SEO効果を保ったまま画像を入力することが可能です。

設置方法

ダウンロードしたimageReplace.jsをhead要素内などで読み込みます。

<script type="text/javascript" src="./imageReplace.js"></script>

あとは画像置換したい要素にclass属性に『imageReplace』と記述しスペースを空けて『置換する画像名』、『ロールオーバーする画像名』を記述します。

<a class="imageReplace ajax_a.gif ajax_b.gif" href="/ajax/">Ajax</a>

『ロールオーバーする画像名』はロールオーバーの必要なければ入れなくても問題ないです。

<a class="imageReplace ajax_a.gif" href="/ajax/">Ajax</a>

サンプル

スポンサードリンク

コメント

カテゴリー：ライブラリ ロールオーバー 画像