向幻灯片添加文本-超大jquery
我正在尝试添加一个DIV，其中包含超级插件中的每个幻灯片的信息。 我在搜索信息时发现了这个（我问了一个新问题，因为它是去年的） 我想在每张幻灯片中添加一些文字，下面是我的代码：向幻灯片添加文本-超大jquery,jquery,html,supersized,Jquery,Html,Supersized,我正在尝试添加一个DIV，其中包含超级插件中的每个幻灯片的信息。 我在搜索信息时发现了这个（我问了一个新问题，因为它是去年的） 我想在每张幻灯片中添加一些文字，下面是我的代码： <head> .... <script type="text/javascript"> jQuery(function($){ $.supersized({ // Functionality
<head>
....
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slideshow : 1, // Slideshow on/off
autoplay : 0, // Slideshow starts playing automatically
start_slide : 1, // Start slide (0 is random)
stop_loop : 0, // Pauses slideshow on last slide
random : 0, // Randomize slide order (Ignores start slide)
slide_interval : 3000, // Length between transitions
transition : 6, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1000, // Speed of transition
new_window : 1, // Image links open in new window/tab
pause_hover : 1, // Pause slideshow on hover
keyboard_nav : 1, // Keyboard navigation on/off
performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect : 1, // Disables image dragging and right click with Javascript
// Size & Position
min_width : 0, // Min width allowed (in pixels)
min_height : 0, // Min height allowed (in pixels)
vertical_center : 1, // Vertically center background
horizontal_center : 1, // Horizontally center background
fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions)
fit_portrait : 1, // Portrait images will not exceed browser height
fit_landscape : 0, // Landscape images will not exceed browser width
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
thumb_links : 1, // Individual thumb links for each slide
thumbnail_navigation : 0, // Thumbnail navigation
slides : [ // Slideshow Images
{image : 'img/1.jpg', title : '', thumb : '', url : ''},
{image : 'img/2.jpg', title : '', thumb : '', url : ''},
{image : 'img/3.jpg', title : '', thumb : '', url : ''},
{image : 'img/4.jpg', title : '', thumb : '', url : ''},
{image : 'img/5.jpg', title : '', thumb : '', url : ''}
],
// Theme Options
progress_bar : 1, // Timer for each slide
mouse_scrub : 0
});
});
</script>
</head>
<body>
<div id="txtslide">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
</body>
但是这个例子不起作用，可能我做错了什么，希望你能帮助我，提前谢谢。你走对了 我做的就是这样 在幻灯片阵列中
{
image : 'one.jpg',
title : '<a href="url"><div id="slidefillimage"> <b>blablabla and blablabla</div></a>',
thumb : 'url photo',
url : ''
}
#slidefillimage {
height: 60px;
min-width: 150px;
max-width: 900px;
width: expression(document.body.clientWidth < 152? "150px" : document.body.clientWidth > 902? "900px" : "auto");
text-indent: 10px;
color: #FFFFFF;
background-color: #00517D;
font: 400 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0 0 0 0;
line-height: 30px;
}
#slidefillimage{
高度：60px；
最小宽度：150px；
最大宽度：900px；
宽度：表达式（document.body.clientWidth<152？/150px）：document.body.clientWidth>902？/900px:“自动”）；
文本缩进：10px；
颜色：#FFFFFF；
背景色：#00517D；
字体：400 16px“Helvetica Neue”，Helvetica，Arial，无衬线；
保证金：0；
线高：30px；
}
这对我来说太完美了 所以我知道这是一条古老的线索，但我也想这么做，并找到了一个非常简单的答案。我想如果其他人也需要同样的帮助，我会发邮件的 如果你看看超大型的html页面！提供，您将注意到文档底部的所有div，其中包含导航按钮、缩略图等。 其中一个标签为“此处显示幻灯片字幕” 如果您只是将该div移动到html文档中希望放置的位置，那么您可以在“幻灯片图像”区域中使用“title”属性。CSS中要使用的id是“#slidecaption”。（可能已经在附带的CSS文档中进行了样式化，所以如果不希望样式冲突，请查找它） 此外，“title”区域与常规html标记一起使用，因此请使用
、
或其他任何您想要的内容来帮助控制它的样式
希望这有帮助 您的
中发生了什么？在html中似乎有一个键值对浮动。+10000表示您的？
抱歉，伙计们，我请求帮助，因为我正在学习，我正在努力理解。我无法用文本添加此div。我尝试了类似的方法，但无效{image:'materiales/hojas/1.jpg'，title:'something'，thumb:''，url:'}，
#slidecaption {
position:absolute;
height: 80px;
top: 300px;
bottom:0;
right: 0;
overflow: hidden;
text-indent: 10px;
text-align:left;
color: #FFFFFF;
font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0 0 0 0;
line-height: 30px;
}
#slidefillimage {
height: 60px;
min-width: 150px;
max-width: 900px;
width: expression(document.body.clientWidth < 152? "150px" : document.body.clientWidth > 902? "900px" : "auto");
text-indent: 10px;
color: #FFFFFF;
background-color: #00517D;
font: 400 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0 0 0 0;
line-height: 30px;
}