jquery 라이트 박스 문제

jquery에서 처음으로 도핑을하고 있습니다. 간단한 사진 효과가 필요합니다.jquery 라이트 박스 문제

문제는 자습서에서 말하는 모든 작업을 수행하지만 라이트 박스 효과가 없습니다. 여기

는 (머리 태그없이) 내의 HTML 문서의 머리 :

여기

<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" charset="utf-8" /> 
    <script src="jquery.js" type="text/javascript"></script> 
    <script src="js/assignment.js" type="text/javascript"></script> 
    <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" /> 
    <script type="text/javascript"> 
     $(function() { 
     $("a.lightbox").lightBox(); 
    }) ; 
     </script>

내 링크입니다 : 나는 무엇을 놓치고

<aside id="comment"> 
    <h2>The Apes!</h2> 
    <span>Lead Singer</span><span>Drums</span> 
    <span>Guitar</span><span>Bass</span> 
     <a href="images/Bill.jpg" class="lightbox"><img src = "images/Bill.jpg" rel="lightbox" alt="Lead Singer" title="Band member 1" /></a> 
     <a href="images/Ryan.jpg" class="lightbox"><img src = "images/Ryan.jpg" rel="lightbox" alt="Guitar" title="Band member 2" /></a> 
     <a href="images/Kerry.jpg" class="lightbox"><img src = "images/Kerry.jpg" rel="lightbox" alt="Drums" title="Band member 3" /></a> 
     <a href="images/Bob.jpg" class="lightbox"><img src = "images/Bob.jpg" rel="lightbox" alt="Bass" title="Band member 4" /></a> 
     </aside>

은? 내가 알기로, 나는 Bill의 이미지 (fullsize)에 링크 할 href와 css에서 축소 된 같은 사진 인 링크를 제공한다.

aaarrgh.

출처

2011-11-27 Phill Cookie

당신이 웹킷 브라우저 파이어 폭스 또는 Inspector에서 방화범을 실행하면, 당신은 모든 콘솔 창에 오류를 볼 수 있습니까? 파일 중 하나가로드되지 않을 수도 있습니다. –

총 doofus처럼 들리는데 유감 스럽지만, 어떻게해야합니까? –

Safari 또는 Chrome을 사용하는 경우 페이지를 마우스 오른쪽 버튼으로 클릭하고 '요소 검사'로 이동하여 '콘솔'탭을 클릭하십시오. - 문제가있는 페이지를 새로 고침하고 빨간색 메시지가 있는지 확인하십시오. 콘솔. –

어딘가에 축소판 그림을 CSS 크기로 축소하지 않는다고 가정하면 img src와 href는 같은 이미지를 가리 킵니다. 라이트 박스는 이미지의 크기를 증가시키지 않고 그냥 표시합니다. 동일한 이미지 이름을 사용하고 싶다면 큰 이미지와 다른 폴더에 작은 이미지를 넣으십시오.

예 :

`<a href="images/large/Bill.jpg" class="lightbox"><img src = "images/thumbs/Bill.jpg" rel="lightbox" alt="Lead Singer" title="Band member 1" /></a>`

출처

2012-03-16 18:32:17 Glenn

jquery 라이트 박스 문제

답변

관련 문제