굉장한 팝업 : "이미지를로드 할 수 없습니다."이미지 URL을 정의하지 않았습니다.

Question

"이미지를로드 할 수 없습니다."라는 이유로 웅장한 팝업 작업을 할 수 없습니다. 이미지 URL은 "정의되지 않음"입니다.

<div class="album"> 
    <a href="http://lorempixel.com/1024/768/?a=1"> 
     <img src="http://lorempixel.com/168/168/?a=1" /> 
    </a> 
    <a href="http://lorempixel.com/1024/768/?a=2"> 
     <img src="http://lorempixel.com/168/168/?a=2" /> 
    </a> 
    <a href="http://lorempixel.com/1024/768/?a=3"> 
     <img src="http://lorempixel.com/168/168/?a=3" /> 
    </a> 
</div> 

<script> 
    $(function() { 
     $('div.album').magnificPopup({ type: 'image' }); 
    }); 
</script> 

http://jsfiddle.net/8vTYf/2/

Answer 1

가 코드를 변경 :

$(function() { 
    $('div.album').magnificPopup({delegate: 'a', type: 'image' }); 
}); 

으로

http://dimsemenov.com/plugins/magnific-popup/documentation.html#initializing_popup에서에게 문제는 당신이 링크를 포함하는 대신 'A'요소의 컨테이너 언급했다 이미지에.