商品画像にPOPを簡単貼付け！[POPTAG]

手間いらず！POPTAG

ネットショップの商品画像、値下げやセールのたびに商品画像に文字を書いて作り直すのは面倒くさい！！

だから作りました。写真にPOPみたいな文字＆デザインをつけるサービス「POPTAG」。とっても簡単なんでどんどんデザインを変えたり、メッセージを変えられますよ！。下のサンプルをご覧ください！

POPTAGの貼り方

サンプルの3つの画像は、左上の元の画像にそれぞれ違うデザインとメッセージを載せています。配置している位置を変えたり、載せるアイコンの数も変えられます。やっていることもこれだけです。

元の画像：
<img src="images/sample.jpg" width="250" height="334" /> ↓ POPTAGの画像(サンプルの右上)：
<script type='text/javascript' src='http://shopsupport.net/emJs/emJs.php?v=emSet'></script>
<img src="images/sample.jpg" width="300" height="225" name="tb_2_5_4.png-A|tb_7_1_7.png-A|tb_5_4_9.png-A" />

<script type='text/javascript' src='http://shopsupport.net/emJs/emJs.php?v=emSet'></script>の部分にスクリプトが入っています。これは通常、headerタグの中に1度記述すればOKです。 あとは、イメージタグの中に「name='tb_X_X_X.png-A|tb_X_X_X.png-A'(「tb_X_X_X.png-A」は表示したアイコンのファイル名)」と記述するだけ！ちなみにPOPTAGで貼れるアイコンはPOPTAGで提供しているものだけです。ユーザーオリジナルの画像はとりあえず貼れません。 画像名の隣の"A"というのはPOPTAGの配置位置のことで、POPTAGは画像に対して上下左右の四隅のどれかを基準に配置できます。Aは左上ということですね。 ですので、サンプルのソースコードの場合、「tb_2_5_4.png」「tb_7_1_7.png」「tb_5_4_9.png」の３つのアイコンを「A」の左上から並べるということになります。 指定するアイコン名は「3k^ICONS」を使ってください、3000種類以上のアイコン素材から好きなアイコンを選んで、POPTAG用のコードを作れます。 ※画像1枚につき、３つのアイコンまで貼付けできます。4つ以上は認識しません。
※同一の画像に対して、Mas*kingと併用することはできません。今後対応の予定です。

「3k^ICONS」は若干動作がおもたいから、IE7とFireFox2を推奨してるよ。