jQuery를이

Question

내가 여기에서 다운로드 아주 좋은 JQuery와 사용 된 이미지를 텍스트 설명을 추가 http://tympanus.net/codrops/2010/10/07/slider-gallery/

를이 내가 무슨 짓을했는지이다 : 나는 짧은 텍스트를 추가하기 위해 노력하고있어 이제 http://www.massimozompa.com/home.html

큰 이미지에 대한 설명으로 누군가 내가 그 일을하도록 도울 수 있습니까? 고맙습니다!

Answer 1

이 코드

<div id="fp_overlay" class="fp_overlay"></div> 
<div id="fp_loading" class="fp_loading"></div> 
<div id="fp_next" class="fp_next"></div> 
<div id="fp_prev" class="fp_prev"></div> 
<div id="fp_close" class="fp_close">Close preview</div> 

에서 지금 DIV

#description { 
display:none 
} 

에 대한

<div class="content"> 
    <div> 
    <a href="#"><img src="images/album1/thumbs/1.jpg" alt="images/album1/1.jpg"  class="thumb"/</a> 
    </div> 
    <div id="description">Description about the image.........</div> 
</div> 

appply 이미지 설명의 CSS를 구성 모든 클래스 = "내용"에 대한 다음과 같은 다른 사업부를 타고

설명 텍스트를 표시하기위한 다른 div 추가

<div id="displayDescription></div> 

centerImage ($ 전류 "후, 사실 다음 코드를 추가하여이 기능에 등을 표시 할 경우, 즉 DIV 위의 당신의 요구 사항 ... 이제

로

$fp_content_wrapper.find('.content') 
        .bind('click',function(e){ 
        var $current = $(this); 
        current = $current.index(); 
        centerImage($current,true,600); 
        e.preventDefault(); 
       });  

을 CSS를 적용 , 600); "

var descriptionText=$current.children(1).text(); 
$('#displayDescription').text(descriptionText); 

또한 당신이 경우와 다른 블록 var에 $ 전류 후 모두에서 다음 함수에 위의 코드를 추가 = ...; 함수 showPreviewFunctions에서 문

function navigate(way) { 
var $current = $fp_thumbScroller.find('.container:nth-child('+parseInt(gallery_idx+1)+')') 
              .find('.content:nth-child('+parseInt(current+1)+')'); 
} 

()는 이제 완료 다음 코드

$('#displayDescription').hide(); 

를 추가하려면 다음 코드

$('#displayDescription').show(); 

그리고 기능 hidePreviewFunctions에서

()를 추가합니다. 내가 나를 위해 노력하고, 그것을했을

...

클릭 대답은 유용 경우