2011-04-26 3 views
0

div에 설명 텍스트를 추가하고 사용자가 해당 텍스트를 클릭하면 라이트 박스 나 외부 콘텐츠가있는 팝업을 표시하려고합니다. 어떻게 만들 수 있습니까?jquery 라이트 박스, 팝업

+0

라이트 박스 플러그인을 사용 하시겠습니까? http://colorpowered.com/colorbox/처럼 – gutierrezalex

답변

0

설치하려고하는 "div 설명 텍스트"의 샘플 코드를 제공 할 수 있습니까? 당신은 내가 당신이 필요 않는 플러그인을 찾을 것이다 다음 코드 나는이

처럼 보일 것이다 HTML을 추측하고이

function descPopUp(){ 
    $("#divid a").lightbox(); 
    //or a class could be use on the anchor text 
    //also some functions might require you to bind it to click 
    $("#divid a").click(function(){ 
      $("#id").lightbox(); 
     }); 
} 

비슷한 것 jQuery를 사용하는 경우 라이트 박스를 설정하는 것은 일반적으로 매우 간단하다

<div id="someid"> 
    content 
<a href="#" class="desc" onclick="javascript:descPopUp()">Description text</a> 
</div>