adding html text to supersized jquery image slide(将 html 文本添加到超大的 jquery 图像幻灯片)
问题描述
i just want to add html text to the famous image slider supersized.
This is their demo page : http://buildinternet.com/project/supersized/slideshow/3.2/demo.html.
The html can be just in the place of the "media temple (ve) server " text in the demo.
I am also trying to add some nice animation to the text.
But I can't figure out where to write the html and how to add that to the slide show so that each image will have it's own html attached to it.
Their API also seems to be obscure to me in implementing what i said.
Any one there?
Do you have an example of the page you're working on - code or a live example?
To specify different text for each image you will need to add a title attribute within your javascript, the example from the demo is -
[ // Slideshow Images
{image : 'http://example.com/example.jpg', title : 'ADD A CAPTION HERE', thumb : 'http://example.com/example.jpg', url : 'http://www.example.com'}
]
To add a text overlay for all images:
Try creating a div within your main body -
<div id="message-box">Hi, this is my text.</div>
Then give the div some style -
#message-box {
z-index: 9999;
float: left;
margin-left: 30px;
}
The z-index should ensure that the div appears on top of the supersized background image.
这篇关于将 html 文本添加到超大的 jquery 图像幻灯片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:将 html 文本添加到超大的 jquery 图像幻灯片


- 使用 iframe URL 的 jQuery UI 对话框 2022-01-01
- 如何显示带有换行符的文本标签? 2022-01-01
- 是否可以将标志传递给 Gulp 以使其以不同的方式 2022-01-01
- 在不使用循环的情况下查找数字数组中的一项 2022-01-01
- 从原点悬停时触发 translateY() 2022-01-01
- 如何调试 CSS/Javascript 悬停问题 2022-01-01
- 为什么悬停在委托事件处理程序中不起作用? 2022-01-01
- 我不能使用 json 使用 react 向我的 web api 发出 Post 请求 2022-01-01
- 为什么我的页面无法在 Github 上加载? 2022-01-01
- 如何向 ipc 渲染器发送添加回调 2022-01-01