2013-04-13 1 views
-2

에 흰색 빈 상자와 완전히 투명 오버레이, 나는 완전히 투명 오버레이를 얻을 클릭 한 이미지 대신 중간에 흰색 빈 상자가 표시됩니다.내가 colorbox으로 표시 해야하는 이미지를 클릭하면 <code>jquery</code> 코어와 <code>colorbox</code> 스크립트와 너무 <code>colorbox</code> 스타일 시트를 링크 만 포함 중간

내가 놓친 것이 있습니까?

<!DOCTYPE html> 
<html lang="en" dir="ltr"> 

<head> 

<meta charset="utf-8"/> 
<title></title> 

<style> 

</style> 

<link rel="stylesheet" href="colorbox.css" /> 

<script src="js/jquery-1.9.1.min.js"></script> 
<script src="js/colorbox/jquery.colorbox-min.js"></script> 

<script> 
    $(function(){ 
     $("img.cover").colorbox({rel: "books"}); 
    });//on doc ready 
</script> 

</head> 

<body> 

    <img class="cover" src="pic1.jpg" /> 

</body> 

</html> 
+0

코드를 먼저 표시하십시오. –

+0

우리가 한 일을 우리가 볼 수 없기 때문에 당신이 놓친 것이 확실하지 않습니다. – dev

+0

좋아요, 나는 미니에 – MTVS

답변

1

다음과 같이해야합니다 :

HTML :

<a class="cover" href="http://images5.fanpop.com/image/photos/29500000/-Swag-bieber-instagram-puppy-justin-bieber-29500273-500-500.jpg"> 
    <img width="250" src="http://images5.fanpop.com/image/photos/29500000/-Swag-bieber-instagram-puppy-justin-bieber-29500273-500-500.jpg" /> 
</a> 

JS :

$("a.cover").colorbox({rel: "books"}); 

뿐인 : 나는 또한 놓친 http://jsfiddle.net/matias/6Y7cJ/1/

0

가를 배치폴더에 복사합니다. 그래서 버튼과 오버레이가 없었습니다.