[JS]見出しなどのテキストを画像に置換するスクリプト -jQIR
Post on:2008年9月26日
sponsors
jQIR (jQuery Image Replacement)は、見出しなどのテキストをpng, gif, jpg画像に置換するスクリプトです。
jQIR (jQuery Image Replacement)
画像に置換する箇所に「jqir」をクラスで指定します。
1と3は、idが画像名になります。
|
1 2 3 4 5 |
<textarea name="code" class="html" cols="60" rows="5"> <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> </textarea> |
画像の種類やパスは、スクリプト内で指定します。
|
1 2 3 |
<textarea name="code" class="js" cols="60" rows="5"> $(".jqir").jQIR("png", "images/"); </textarea> |
jQIRはjQueryのプラグインのため、動作にはjquery.jsが必要です。
sponsors
