How to append textbox with texts on the photo?

Question

I am trying to create a project that making a photo slide like the link below. And I want to add one more feature that I want to add unique individual text message within a textbox and append it to each photo.

I googled every website and hardly found a clue. Can anyone give me an advise or show me an example?

http://javascriptbook.com/code/c11/slider.html

Answer 1

I guess the outermost div there is with class "slider"

So use this jquery

$(".slider").append("<input type='text' value='What-you-wish-to-write' />");