2012-04-03 4 views
0

멋진 galaxy-plugin 갤러리를 사용하여 이미지 갤러리를 표시합니다. 이제는 위대한 작품이지만, 내가 원하는 것은 현재 표시된 이미지의 제목을 얻는 것입니다. 이미지 위에 마우스 커서를 올리면 제목이 표시됩니다. 불행히도 jQuery를 통해 아직 제목을 얻지 못했습니다.jQuery-Galleriffic, 현재 이미지 제목 얻기

도움이 매우 감사합니다.

감사합니다,

ENNE

편집 : 여기 http://www.twospy.com/galleriffic/

일부 코드입니다 : 여기에 플러그인에 대한 링크가 있습니다. 나는 확실하지 않다 그러나 나는 이미지가 다음 컨테이너에 배경 이미지로 표시됩니다 생각 :

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

좋아, 방화 나에게이 코드를 보여줍니다 : 나는 자바 스크립트 코드를 다음 사용

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

:

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

그래서 나는 여기 이미지의 "고도"속성이 필요합니다.

답변

1

당신은하지 표시된 하나 (아래 explaination), 대신 이것을 사용이 선택 선택한 이미지를 얻을 수있는 방법을 찾고 여기 온 그 사람들을 위해

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

마우스를 이미지 위로 가져 가면 제목 텍스트가 표시됩니다.

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

당신이 지금 가지고있는 코드를 제공하는 경우

, 당신의 코드에 내 솔루션을 적용 할 시도 할 수 있습니다 : 당신은 다음 코드로 제목 텍스트를 잡아 수 있습니다.

+0

감사합니다 Victor 나는 이것을 좋아했지만 성공하지는 못했습니다. – enne87

+0

게시 하시려는 코드가 있습니까? 그 때 당신을 도우는 것이 더 쉽습니다. –

+0

음, 여기 페이지가 있습니다 : http://advancedata.ad.funpic.de/page.html 만약 당신이 그것을 보면, 거기에 "슬라이드 쇼"라는 div 컨테이너입니다. 이 div를 제거하면 이미지가 사라집니다. – enne87

0

를 사용하여 현재 IMG를 선택할 수 있습니다

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

차이점은 위의 대답은 최종 렌더링 된 이미지를 보는 데 사용되는 큰 태그를 제공한다는 것입니다. 필자가 선택한 섬네일에 대해 id 및 name 속성을 방해해야하므로 필자가 선택한 축소판 그림을 원했습니다. 랜더링은 src와 alt 만 선택된 썸네일에서 name 또는 id 속성을 가져 오지 않습니다.

올바른 방향으로 나를 밀어 붙이려면 원래 답변에 투표 할 것입니다.