[JQUERY] Fancybox 링크 라이트 박스에 표시되지 않습니다 - 나는 무엇을 놓치고?

Fancybox 링크 라이트 박스에 표시되지 않습니다 - 나는 무엇을 놓치고?

해결법

1. ---

   1.이 HREF는 = "http://placehold.it/350x125"당신도 당신 때문에 이미지를 여는 것을 fancybox에 말을하지 않습니다

   이 HREF는 = "http://placehold.it/350x125"당신도 당신 때문에 이미지를 여는 것을 fancybox에 말을하지 않습니다

   1). 같은 귀하의 링크에 fancybox.image 특별한 클래스를 추가

   <a class="cta-nav-hover fancybox fancybox.image" href="http://placehold.it/350x125" title="Bio"><span></span></a>
   

   2). 같은 귀하의 링크에 (HTML5) 데이터 fancybox 형 속성을 추가

   <a data-fancybox-type="image" href="http://placehold.it/350x125" title="Bio" class="cta-nav-hover fancybox"><span></span></a>
   

   삼). 처럼 fancybox 스크립트 유형 옵션을 추가

   $(".fancybox").fancybox({
      type: "image"
   });
   

   당신은 더 나은 귀하의 케이스에 대한 일을 생각 뭐든간에.

   참고 : 숫자 1). 2). fancybox의 버전 2.x에만 위의 작업. 번호 3). 하나 v1.3.4 및 버전 2.x 작동

   편집 : 코드와의 jQuery v1.8.3와 JSFIDDLE 포함되어 있습니다.

   두 개의 링크가 있습니다 :

from https://stackoverflow.com/questions/17554068/fancybox-links-dont-show-in-lightbox-what-am-i-missing by cc-by-sa and MIT license