2014-09-05 4 views
1

제목에 모두 나와 있습니다. 페이지를로드하는 동안 클릭 할 때 링크 안의 모든 것을로드하려고합니다. 내 adblock이 광고를 감지하고 빈 페이지에서 테스트 중이라는 이유로 페이지와 함께로드하는 것으로 나타났습니다. 나는 같은 페이지에서 이와 같은 많은 링크를 사용할 계획이며, 이런 식으로 끝나면로드하는 데 오래 걸릴 것입니다.클릭시 Fancybox로드 div?

질문 : 페이지를로드하는 대신 링크를 클릭하면 div를로드 할 수 있습니까?

예 :

http://jsfiddle.net/qpL14ysg/

코드 :

<a href="#divForm" id="btnForm">Load Form</a> 

<div id="divForm" style="display:none"> 
    <iframe style='overflow: hidden; border: 0; width: 600px; height: 480px' src='http://embed.novamov.com/embed.php?v=19bf3a4b7fe49' scrolling='no'></iframe> 
</div> 

<script type="text/javascript"> 
$(function() { 
    $("#btnForm").fancybox({ 
     'onStart': function() { $("#divForm").css("display","block"); },    
     'onClosed': function() { $("#divForm").css("display","none"); } 
    }); 
}); 
</script> 

답변

0

iframe을로드 법선 fancybox 방법이 아니다. documentation을 보면 fancybox에 클릭시 iframe을 만들라고 말할 수 있습니다.

<a class="fancybox fancybox.iframe" href='video url here' id="btnForm">Load Form</a> 

$(function() { 
    $("#btnForm").fancybox({ 
     width: 600, 
     height: 480 
    }); 
}); 

http://jsfiddle.net/qpL14ysg/1/

관련 문제