colorbox 및 jQuery

저는 Jquery에 익숙하지 않지만 Colorbox를 처음 사용하고 있으므로 도움이 필요합니다. JQuery 라이트 박스처럼 이미지 섬네일을 클릭했을 때 슬라이드 쇼처럼 재생할 수있는 JQuery를 찾고있었습니다.하지만 저는 colorbox를 사용해 보라고 들었습니다. 그것은 내가 필요한 것에 맞지만 나는 적합합니다. 일부 .. 이상한 결과가 나타납니다. 지금까지 필요한 모든 파일이 설치되었습니다 (소프트웨어를 다운로드 한 후 http://www.jacklmoore.com/colorbox에서 현재 "예제 4"가 설치되어 있거나 적어도 시도하고 있습니다.) 모든 파일과 이미지가 설치되어 설치되었습니다. 그러나 축소판 이미지를 클릭하면 , 색상 상자가 나타나지만 이미지가없고 테두리/모서리가 없으면이 jquery와 함께 나오는 ect가 모두 뒤범벅이되어 Mozilla에서 테스트 페이지를 볼 수 있습니다. 코드를 게시하려고 시도했지만이 것은 힘든 시간입니다. 누군가가 내가 무슨 말을하는지 잘 알고 있기를 바랍니다.colorbox 및 jQuery

도움 주셔서 감사 드리며, 긴 메모를 보내 주시면 감사하겠습니다. 최대한 빨리 알아 냈 으면 좋겠다. 두통을 줘.

출처

2012-10-26 user1778399

시도한 코드 샘플 또는 JSFiddle을 게시하는 것이 도움이 될 것입니다. –

Firefox를 사용하고있는 것처럼 들립니다. 리소스가 모두 올바르게로드되는지 확인하기 위해 Firebug가 활성화 된 테스트 페이지를로드 했습니까? –

나는 처음으로 똑같은 문제에 직면했다. 나는 거의 2 년 동안 colorbox를 사용 해왔고 결코 문제가 없었습니다. 이제 당신이 설명했던 것과 같은 문제가 있지만, 필자가 작성한 jquery 플러그인에서이 문제를 사용하고있다. 또한 예제 4를 사용하고 있습니다. 문제가 무엇인지 전혀 알지 못하지만 잘못된 것을 찾으면 여기에 해결책을 게시 할 것입니다. –

글쎄, 내 생각에 Beginner's Guide 페이지에서 시간을 보내고 colorbox 플러그인에 대해 더 잘 이해하려고합니다. 아래는 가이드 페이지의 샘플 코드입니다. 아마 당신이 wtih를 시작해야하고, 다음 당신의 URL로 더 많은 관심을 지불 할 수 있습니다 등, HTML을 변경, colorbox 더 많은 옵션을 추가처럼 당신이가는대로 수정할 수 있습니다 전부

<!doctype html> 
<html> 
    <head> 
     <link rel="stylesheet" href="colorbox.css" /> 
     <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
     <script src="jquery.colorbox-min.js"></script> 
     <script> 
      jQuery(document).ready(function() { 
       jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1' }); 
      }); 
     </script> 
    </head> 
    <body> 
     <a class='gallery' href='image1.jpg'>Photo_1</a> 
     <a class='gallery' href='image2.jpg'>Photo_2</a> 
     <a class='gallery' href='image3.jpg'>Photo_3</a> 
    </body> 
</html>

외부 리소스 (이 경우 루트 디렉토리 아래에 & colorbox-min.js를 입력하십시오.)

또한 Firefox를 사용하고 있으므로 디버깅을 위해 Firebug Add-on을 설치하지 않는 이유는 무엇입니까? 오류가 있으면 여기에 게시 할 수 있습니다.

출처

2012-10-27 02:09:37 woodykiddy

같은 문제가있었습니다. 이전 웹 사이트에서 일부 코드를 복사했기 때문에 여전히 jQuery 1.4.2를로드하고있었습니다.

1.4.3 미만의 Jquery 버전에서는 colorbox의 최신 버전이 제대로 작동하지 않습니다 (https://groups.google.com/forum/?fromgroups#!topic/colorbox/yFLOgvP20NI 참조)

jQuery 라이브러리를 업데이트 한 후 모든 것이 다시 멋지게 보입니다.

출처

2012-11-21 15:22:47

colorbox 및 jQuery

답변

관련 문제