Question

I have set of text as a button and on click on that button i want to show that text on one image. how to implement this using jquery or javascript.

may be this will help
http://store.apple.com/us/browse/home/ipod/editorial/engraving_giftwrap

on this page you can see “iPad Engraving Gallery” link i am talking about this kind of stuff.

Answer 1

You can either have an element the size of the image that has the image as background-image: url(/path/to/image) and just treat it like a normal element (text and all)

OR you can have the <img> be its own element and put a fixed/absolute positioned element over it with a transparent background.

Say that the div that has the text over the image is #img-text.

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