Question

我使用精彩的jQuery插件Galleriffic来显示图像画面。现在这很好用，但我想要实现的是获取当前显示的图像的标题。如果我将鼠标光标放在图像上，它会显示标题。不幸的是，我还没有通过jQuery获得标题。

非常感谢任何帮助。

谢谢，

enne

编辑：以下是插件的链接：http://www.twospy.com/galleriffic/

这里也是一些代码。我不确定，但我认为图像在以下容器中显示为背景图像：

<div id="slideshow" class="slideshow">
</div>

我使用以下javascript代码：

 $('div.slideshow').hover(
         function () {
        //Get the title here    
          },
          function () {  
          }
  );

好的，firebug告诉我这段代码：

<div id="loading" class="loader" style="display: none;"></div>
    <div id="slideshow" class="slideshow">
      <div id="slide-container">
           <span class="image-wrapper current" style="opacity: 1;">
            <a class="advance-link" title="Chrysanthemum" href="#2" rel="history">
           <img alt="Chrysanthemum" src="http://ulc.local/sites/default/files/imagecache/preset_image_gallery_diashow/sites/default/files/Chrysanthemum_3.jpg">
          </a>
          </span>
         </div>

所以这里我需要图像的“alt”属性。

Answer 1

如果将鼠标悬停在图像上，则会显示标题文字。您可以使用以下代码获取标题文本：

$('img').hover(function{
    $(this).attr('title');
});

如果您现在提供的代码，我可以尝试将我的解决方案应用到您的代码中。

Answer 2

您可以使用此选择器

选择当前的img

$('div.slideshow .current img')

Answer 3

对于那些来这里寻找获取所选图像的方法的人，而不是显示的图像（下面的解释），请改用：

$("div.navigation .thumbs .selected img")

区别在于上面的答案为您提供了用于查看最终渲染图像的较大标记。在我的情况下，我想要选择缩略图，因为我需要为它获取id和name属性。渲染不会从所选缩略图中获取名称或id属性，只会获取src和alt。

为了推动我朝着正确的方向前进，我将对原始答案进行投票。

jQuery-Galleriffic，获取当前图像的标题

3 个答案: