javascript-将HTML文本添加到超大jquery图像幻灯片

我只想将html文本添加到著名的图像滑块supersized.

这是他们的演示页面：
http://buildinternet.com/project/supersized/slideshow/3.2/demo.html.

html可以仅在演示中的“媒体模板(ve)服务器”文本的位置.

我也在尝试向文本添加一些不错的动画.

但我不知道该在何处编写html以及如何将其添加到幻灯片中,以便每个图像都将附加自己的html.

在实现我所说的内容时,他们的API似乎对我也很模糊.

有人在吗？

解决方法:

您是否有正在处理的页面的示例-代码或实时示例？

要为每个图像指定不同的文本,您需要在javascript中添加title属性,该示例中的示例为-

 [ // Slideshow Images
{image : 'http://example.com/example.jpg', title : 'ADD A CAPTION HERE', thumb : 'http://example.com/example.jpg', url : 'http://www.example.com'}
]

要为所有图像添加文字叠加层：

尝试在主体内创建一个div-

<div id="message-box">Hi, this is my text.</div>

然后给div一些样式-

#message-box {
  z-index: 9999;
  float: left;
  margin-left: 30px;
}

z索引应确保div出现在超大背景图像的顶部.

标签：css,html,jquery-plugins,javascript,jquery
来源： https://codeday.me/bug/20191202/2086305.html