問題描述
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.
這篇關(guān)于將 html 文本添加到超大的 jquery 圖像幻燈片的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！