2012-10-13 5 views
0

내 웹 페이지에서 인기있는 jQuery Backstretch 플러그인을 사용하려고하는데 전혀 작동하지 않습니다. Backstretch 사이트의 다운로드 패키지에있는 예제 html 파일에서 본 것과 정확히 동일한 코드를 복사하고 붙여 넣었으며 링크 소스를 실제로 루트 폴더에있는 위치로 변경했습니다.jQuery Backstretch issue

내가 내 HTML 페이지의 하단에 내 스크립트를 호출하고있어

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="js/jquery.backstretch.js"></script> 
    <script> 
     $.backstretch([ 
      "pot-holder.jpg", 
      "coffee.jpg", 
      "dome.jpg" 
     ], { 
      fade: 750, 
      duration: 4000 
     }); 
    </script> 
<script src="js/jquery.fittext.js"></script> 
<script> 
$("#resize_text").fitText(0.8, { minFontSize: 42, maxFontSize: '75px' }); 
</script> 

(예, 너무 FitText을 사용하고 있습니다) (오른쪽 </body> 전).

어떤 아이디어가 잘못 되었나요? 페이지의 아무 곳이나로드하는 다른 jQuery 스크립트는 없습니다 ... Backstretch가 script 태그로 마법을 쓰고 있기 때문에 HTML 컨텐츠가 중요하지 않습니다 ... 맞습니까?

내가 Backstretch를 통합하려고 할 때마다 복잡해 보입니다. 어쩌면 내가 할 때마다 잊어 버리는 뭔가가있을거야 ..?

감사합니다.

+0

콘솔에서 오류를 확인하고 여기에 붙여 넣을 수 있습니까? –

답변

1

방금 ​​문제를 발견했습니다. 내 CSS 파일에 "background-image"이 (가) 사용되었습니다. 대체로 사용할 수 있다고 생각했지만, Backstretch와 Background-image을 모두 사용할 수없는 것처럼 보입니다!

+1

둘 다 사용할 수 있습니다! Backstretch는 여분의 컨테이너 div에 이미지를 사용합니다. 이 이미지의 z- 인덱스 값은 -999 (많이)이므로 항상 뒤쪽에 있습니다. 배경 이미지가있는 div는 아마도 Z- 인덱스가 없었기 때문에 (따라서 0 임) 배경이 맨 위에 표시되었습니다. – kapser