为滑块上显示的每个图像创建一个id(Basic jQuery slider)
create an id for each image being displayed on the slider (Basic jQuery Slider)
需要创建一个带有每个图像"title"的动态标签,但是此标签不在幻灯片中。我正在使用插件:Basic jQuery Slider这样做的方法是标记:
<p><script>document.getElementById("ID of the current image being displayed");</script></p>
谢谢。
这应该符合您的要求。如需演示,请参阅此Fiddle。
JavaScript:
$(document).ready(function () {
function displayTitle() {
var imageTitle = $('img:visible').attr('title'); // get the title from the visible image
$('#title').html('Title: ' + imageTitle);
}
$('input:radio').bind('click', function () {
var selectedIndex = $(this).val();
$('img').hide(); // hide all images
$('img').eq(selectedIndex).show(); // show image selected by radiobutton
displayTitle();
});
displayTitle();
});
HTML:
<div id="title"></div>
<input type="radio" name="display-image" value="0">display image-1
<input type="radio" name="display-image" value="1">display image-2
<input type="radio" name="display-image" value="2">display image-3
<br />
<img title="image-1" alt="image-1" />
<img title="image-2" alt="image-2" style="display:none" />
<img title="image-3" alt="image-3" style="display:none" />
相关文章:
- 向更新mysql查询传递一个id
- Javascript:表单验证getElementById仅返回第一个id元素
- JS在隐藏未定义的值后仅从数组中返回第一个id的值
- Meteor:访问另一个集合,每个块中有一个id
- js组合对象只返回一个id
- 给每个谷歌距离矩阵结果一个id
- 如何附加一个id's的详细信息只通过php或jquery提供一次
- Ember eror试图注册一个id已在使用的视图
- 如何使用innerHTML更改图像大小来给它一个id Javascript
- 具有一个#id的多选选项可显示n个隐藏表
- 设置一个按钮按下函数来触发一个Id为的Ajax调用
- 如何创建一个每行列数未知的html表,对齐列,并为每个单元格/行指定一个id
- jQuery鼠标滚动到下一个id
- 如何在 JavaScript 中获取另一个 ID 下的 ID
- Javascript 保存相同的 ID,而不会在 LocalStorage 中覆盖另一个 ID
- 如何在 html 中调用另一个 ID 中的特定 ID
- 将事件绑定到类中的所有元素,而不仅仅是一个 id
- 使用 JSP 为
-Elements 提供一个 ID - JS只使用一个id,忽略另一个id
- 找到一个按钮并通过jQuery / JavaScript分配一个ID