colorbox 국경 이미지가 여기 내 스크립트 태그입니다 나는 JQuery와 및 colorbox</p> <p>함께 일하고 부하

Question

실 거예요 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 


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

또한뿐만 아니라 colorbox.css 스타일 시트를 사용하여

.

제 질문은 브라우저에서 내 사이트를 테스트 할 때 예제와 함께 제공되는 colorbox 테두리 이미지가로드되지 않는다는 것입니다. colorbox의 모든 기능이 올바로 작동합니다. 그러나 colorbox 예제에서 이미지 폴더로 복사 한 이미지는로드되지 않습니다. Chrome에서 콘솔을 보면 다음과 같은 메시지가 표시됩니다.

Failed to load resource: website/css/images/border1.png 

Failed to load resource: website/css/images/border2.png 

다른 모든 이미지는 여전히 정상적으로 표시됩니다.

왜 이런 일이 발생합니까 ??

내가 뭔가 잘못하고있는거야 ??

Answer 1

ColorBox 플러그인을 알리지 않고 이미지를 재배치했을 수도 있습니다. 또는 실제로 이미지를 ColorBox가 예상하는 위치로 이동하지 않았습니다.

플러그인의 CSS 파일을 신중하게 검사하십시오. 기본적으로 ColorBox는 이미지가 아닌 이미지를 CSS 파일을 저장하는 디렉토리의 하위 디렉토리 인 폴더 이미지에 포함될 것으로 기대합니다.