jQuery fancyBox for Soundcloud 트랙

Question

jQuery fancybox http://fancyapps.com/fancybox/ 사운드 클라우드 트랙이 작동하지 않는 웹 응용 프로그램에서 사용하고 있습니다. 여기에 jsfiddle은 http://jsfiddle.net/QNHN5/106/

사운드 클라우드 URL은 그것은

가

The requested content cannot be loaded. 
Please try again later. 

사람이 나에게 내가했던 실수를 말할 수이 오류를 보여줍니다 http://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/53816732&show_artwork=true

입니까?

감사합니다. 에서 촬영

Answer 1

외부 사이트를 개방하고 있기 때문에이 fancybox이 iframe 모드로 열어야합니다.

당신이 중 하나

<a class="fancybox fancybox.iframe" .... 

처럼 셀렉터 클래스 fancybox.iframe을 추가하거나이 경우

$(".fancybox") 
.attr('rel', 'gallery') 
.fancybox({ 
    type: "iframe", 
    beforeShow: function() { 
     /* Disable right click */ 
     $.fancybox.wrap.bind("contextmenu", function (e) { 
       return false; 
     }); 
    } 
});​ 

Answer 2

:

1) : Getting a "The requested content cannot be loaded" with fancy box (no errors in console though)

당신은 두 가지 더 필요합니다. 다음과 같이 fancybox-media helper js 파일을 추가하십시오 (자신의 경로를 확인하십시오) :

<script type="text/javascript" src="fancybox2.0.6/helpers/jquery.fancybox-media.js"></script> 

2). 스크립트에 도우미 미디어 옵션을 추가 :

$(".fancybox").fancybox({ 
    openEffect: 'none', 
    closeEffect: 'none', 
    padding: 0, //<-- notice I added a comma here ;) 
    helpers : { 
    media : {} 
    } 
});