如何在jquery库中制作带图像的标题

Question

我有一个我正在处理的图片库

示例：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;
    });
});

如果可以调整上面的代码来添加一个理想的标题。

Answer 1

1. 您需要添加一个新的html标记来包含该标题，例如，您可以使用div

2. 添加jquery代码以选择该div并更改文本

这里有一个例子：http://goo.gl/h8JJk3