[JS]見出しなどのテキストを画像に置換するスクリプト -jQIR

サイト構築 -JavaScript

jQIR (jQuery Image Replacement)は、見出しなどのテキストをpng, gif, jpg画像に置換するスクリプトです。

デモのキャプチャ

jQIR (jQuery Image Replacement)

画像に置換する箇所に「jqir」をクラスで指定します。
1と3は、idが画像名になります。

<h1 id="heading1" class="jqir">Heading 1</h1>
<h2 class="jqir {src:heading2.png}">Heading 2</h2>
<h3 id="heading3" class="jqir"><a href="http://jquery.com">Heading 3</a></h2>

画像の種類やパスは、スクリプト内で指定します。

$(".jqir").jQIR("png", "images/");

jQIRはjQueryのプラグインのため、動作にはjquery.jsが必要です。

Related Posts

Post on:2008年9月26日

Trackback

leave your Comments

©2011 coliss