Javascript 如何在照片上添加文本框？

我正在尝试创建一个项目，制作一张照片幻灯片，如下面的链接。 我想再增加一个功能，我想在一个文本框中添加独特的个人短信，并将其附加到每张照片中

我搜索了每个网站，几乎找不到任何线索。有人能给我一个建议或给我举个例子吗

---

我想最外层的

div

是带有class

的“slider”

所以使用这个jquery

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

$（“.slider”）。追加（“”）；

也可以在更改每个图像时执行

。查找（“输入”）

并使用

val（）

再次更改其值