javascript - それぞれのテキストフィールドをクリックして、同じ画像に異なるテキストを表示する方法。javascriptまたはjqueryを使用していますか？

Question

私はボタンとしてテキストのセットを持っており、そのボタンをクリックすると、そのテキストを1つの画像に表示したいと思います。jqueryまたはjavascriptを使用してこれを実装する方法。

これはhttp://store.apple.com/us/browse/home/ipod/editorial/engraving_giftwrapに役立つかもしれません

このページでは、私がこの種のものについて話している「iPad彫刻ギャラリー」リンクを見ることができます。

Answer 1

画像を持つ画像のサイズの要素を持ち、background-image: url(/path/to/image)それを通常の要素（テキストとすべて）のように扱うことができます

または<img>、独自の要素を作成し、その上に透明な背景を持つ固定/絶対配置要素を配置することもできます。

画像の上にテキストがある div は#img-text.

$(".text-sample").on('click', function () {
    $("#img-text").text($(this).text());
});