FancyBox가 클릭 한 번 이미지를 표시하지 않음

FancyBox 플러그인을 사용하여 내 이미지에 멋진 갤러리 뷰어를 사용하고 있습니다. 내 인덱스 페이지에 이미지가 표시되지만 이미지를 클릭하면 원하는 이미지의 정확한 크기로 팬시 상자가 표시됩니다. 깨진 이미지 경로 기호조차도 표시가 단순히 꺼져있는 것처럼 비어 있습니다.FancyBox가 클릭 한 번 이미지를 표시하지 않음

이

$(document).ready(function() { 
$(".fancybox").fancybox({ 
    prevEffect : 'none', 
    nextEffect : 'none', 
    helpers : { 
     title : { 
      type: 'outside' 
     } 

    } 
}); 

$("img").unveil(200, function() { 
    $(this).load(function() { 
     this.style.opacity = 1; 
    }); 
}); 
});

당신은이 플러그인을 공개 무시할 수있는 모든 것이가하는 게으른로드 이미지이며 나는 그것을 밖으로 데리고 내가 시도했습니다, 다음과 같이 내 JS이지만 내 HTML은

<a class="fancybox" rel="fancybox-thumb" href="unveil1.jpg" title="Title"> 
    <img src="img/loading.gif" data-src="unveil1.jpg"/> 
</a> 
<a class="fancybox" rel="fancybox-thumb" href="img/unveil2.jpg" title="Title"> 
    <img src="img/loading.gif" data-src="img/unveil2.jpg"/> 
</a>

입니다 여전히 같은 문제가 있습니다. JSFiddles 외부 라이브러리의 경우 문제가 발생했습니다. 여기에 link to my dropbox

감사합니다.

출처

2014-07-07 Anonymous

헤드 섹션 끝 부분에서 main.js를 움직여보십시오. – jtorrescr

@jtorrescr 아무 소용이 없어도 제안에 감사드립니다. 과거에 저에게 효과가 있었음을 압니다. 나는 몇 가지 것을 바꾸고 볼 것입니다. 그게 아무것도 생기면 –

문제를 파악했습니다. 불투명도 0에서 시작하여 거기에서 전환하려면 베일을 사용하여 전환을 설정했습니다. 이것은 전환하지 않기 위해 클릭 할 때 내 이미지를 설정하고 불투명도 0으로 유지됩니다!

출처

2014-07-07 19:02:38

FancyBox가 클릭 한 번 이미지를 표시하지 않음

답변

관련 문제