Question

I use the wonderful jQuery-plugin Galleriffic to display image galeries. Now this works great, but what I want to achieve is to get the title of the image that is currently displayed. If I put the mouse cursor over the image, it shows the title. Unfortunately, I haven’t managed yet to get the title via jQuery.

Any help is very appreciated.

Thanks,

enne

Edit: Here’s the link to the plug-in: http://www.twospy.com/galleriffic/

Here is also some code. I’m not sure but I think the image is shown as background-image in the following container:

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

I use the following javascript code:

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

Ok, firebug shows me this code:

<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>

So here I need the “alt” attribute of the image.

Answer 1

You can select the current img using this selector

$('div.slideshow .current img')