css3 기반 웹 사이트에서 jquery 라이트 박스가 작동하지 않습니다.

Question

CSS 기반 웹 사이트 템플릿을 사용하여 포트폴리오 사이트를 재구성하려고합니다. 다음은 URL입니다. http://www.annasportfolio.com/iindex.html

두 번째 섹션 (디자인)에 이미지 갤러리를 추가하는 데 실패했습니다. 뭔가가 줄 지어 있지 않지만 무엇이 있는지 모르겠습니다. jquery의 충돌입니까?

내 머리 코드 :

<script type="text/javascript" src="jqGalScroll.js"></script> 

<script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script> 

<link rel="shortcut icon" href="../favicon.ico" /> 
<link href="http://fonts.googleapis.com/css?family=Josefin+Slab:400,700" rel="stylesheet" type="text/css" /> 

<link rel="stylesheet" type="text/css" href="demo.css" /> 

<link rel="stylesheet" type="text/css" href="style.css" /> 

<script type="text/javascript" src="modernizr.custom.79639.js"></script> <!--[if lte IE 8]> 
<link rel="stylesheet" type="text/css" href="simple.css" /><![endif]--> 

지역 이미지 갤러리 거짓말을해야하는 위치 :

<section class="st-panel st-color" id="st-panel-2"> 
<div class="st-deco" data-icon="1"></div> 
<h2>Happiness</h2> 
<p>Filler Text</p><!-- Design LightBox/ --> 
<ul id="one"> 
<li><img alt="" src="bittennyc.png" border="0" /></li> 
<li><img alt="" src="http://farm3.static.flickr.com/2194/2037390693_8acc544048.jpg" border="0" /> 
</li> 
</ul></section> 

Answer 1

을 다음보십시오 :

1 : <script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script>

이 넣어를 몸에. 그리고 jquery.js가 몸체에 올바르게로드되었는지 확인하십시오 (두 번째 팁을 찾으십시오).

2 : 사이트에서 JS 파일에 문제가있는 것 같습니다. 참조 및 액세스 권한을 확인하십시오.