【发布时间】:2014-06-27 20:18:20
【问题描述】:
我正在制作一个图片库
示例:http://imagethrow.com/design-studio-all-throws.html
现在它只显示图片,我想拥有它,这样每张图片在图片上方或下方都有一个标题。
这是画廊的 html 部分:
<a class="imgLink" href="path-to-the-image.jpg">Image name</a>
<img src="" id="theImage">
jquery:
<script>
$(document).ready(function(){
$('.imgLink').click(function(){
var imgPath = $(this).attr('href');
$('#theImage').attr('src',imgPath);
return false;
});
});
如果可以调整上述代码以添加一个理想的标题。
【问题讨论】:
-
您希望标题是什么?锚文本?
-
我不希望它是可点击的,只是一行左右的文字描述图像。
-
是的,但是标题的文本来自哪里?
-
@user3237758 正如大卫所问,描述来自哪里?如果它与您单击的
<a>标签不同,那么最好的方法可能是在您的<a>标签上添加一个数据属性。您希望支持哪些浏览器?? -
我希望它来自您点击的 标签。
标签: javascript jquery css image caption