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

Question

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

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

html可以直接放在demo中的“media temple (ve) server”文本处。

我也在尝试为文本添加一些漂亮的动画。

但我不知道在哪里编写 html 以及如何将其添加到幻灯片放映中，以便每张图片都有自己的 html 附加到它。

在实现我所说的内容时，他们的 API 对我来说似乎也很晦涩。

有人吗？

Answer 1

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

要为每个图像指定不同的文本，您需要在 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-index 应确保 div 出现在超大背景图像的顶部。