2012-04-03 6 views
0

私はすばらしいjQuery-Plugin Gallerifficを使用して画像ギャラリーを表示します。今これは素晴らしいですが、私が達成したいのは、現在表示されている画像のタイトルを取得することです。イメージの上にマウスカーソルを置くと、タイトルが表示されます。残念ながら、私はまだjQueryでタイトルを手に入れていません。jQuery-Galleriffic、現在の画像のタイトルを取得

ご協力いただきありがとうございます。

おかげで、

enne

編集:ここでは、プラグインへのリンクです:ここでhttp://www.twospy.com/galleriffic/

もいくつかのコードです。私はわからないが、私はイメージが次のコンテナに背景画像として示されていると思う:

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

私は次のJavaScriptコードを使用します

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

を[OK]を、放火犯は私にこのコードを示しています。

<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」属性が必要です。

答えて

1

あなたが代わりにこれを使用して、このセレクタに選択されたイメージではなく、表示された1つ(以下、について説明)を取得する方法を探してここに来ているものについては

$('div.slideshow .current img') 
1

画像の上にマウスを置くと、タイトルテキストが表示されます。次のコードを使用して、タイトルテキストをつかむことができます。

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

あなたはあなたが今持っているコードを提供する場合、私はあなたのコードに私の解決策を適用してみてください。

+0

ありがとうビクター私はこれを試しましたが、成功しませんでした。 – enne87

+0

投稿したいコードがありますか?その後、あなたを助けるのは簡単です。 –

+0

さて、ここにページがあります:http://advancedata.ad.funpic.de/page.html見てみると、「スライドショー」と呼ばれるdivコンテナがあります。このdivを削除するとすぐに、画像は消えます。 – enne87

0

を使用して、現在のIMGを選択することができます。

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

上記の答えは、最終的にレンダリングされたイメージを表示するために使用される大きなタグを示しています。私の場合は、選択されたサムネイルのIDと名前属性を探し回る必要があるため、選択したサムネイルを使用したいと思っていました。レンダリングでは、選択されたサムネイルからsrc属性とalt属性のみがname属性またはid属性を取得しません。

正しい方向に私を押し込むために、私は元の答えに投票します。

関連する問題