【问题标题】:How to make a caption with images in jquery gallery如何在 jquery 库中使用图像制作标题
【发布时间】: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 正如大卫所问,描述来自哪里?如果它与您单击的&lt;a&gt; 标签不同,那么最好的方法可能是在您的&lt;a&gt; 标签上添加一个数据属性。您希望支持哪些浏览器??
  • 我希望它来自您点击的 标签。

标签: javascript jquery css image caption


【解决方案1】:
  1. 您需要添加一个新的 html 标签来包含该标题,例如可以使用 div

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

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

【讨论】:

  • 这与我要找的很接近。我将如何编辑它以为每张图片设置不同的标题?
猜你喜欢
  • 2014-05-08
  • 2017-11-12
  • 2016-02-17
  • 2012-09-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多