如何通过单击相应的文本字段在同一图像上显示不同的文本。使用javascript或jquery？

Question

我将文本设置为按钮，单击该按钮我想在一个图像上显示该文本。如何使用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());
});