미리 정의 된 div에서 nivoslider 사용하기

Question

내 페이지에 imageslider 인 div에 NivoSlider을 넣으려고합니다. 나는 그들의 website에 대한 튜토리얼을 따라했지만, 지금은 4 일 동안 효과가 없다. 그것을 확인하시기 바랍니다 :

---

의 index.php 내 스타일 시트에서

---

<!-- In the head section I have included these --> 
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> 
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> 

<!-- Somewhere in the body section --> 
<div id="imageslider"> 
    <div class="slider-wrapper"> 
     <div id="slider" class="nivoSlider"> 
      <img src="abc.jpeg" alt="" height="360" width="700"/> 
      <img src="uvw.jpeg" alt="" height="360" width="700"/> 
      <img src="pqr.jpeg" alt="" height="360" width="700"/> 
      <img src="xyz.jpeg" alt="" height="360" width="700"/> 
     </div> 
    </div> 
</div> 

<!-- Also at the end of the body tag--> 
<script type="text/javascript"> 
    $(window).load(function() { 
     $('#slider').nivoSlider(); 
    }); 
</script> 

,있는 style.css

#imageslider { 
float: right; 
width: 700px; 
background-color: blue; 
height: 360px; 
margin-left: 5px; 
margin-right: 15px; 
} 

/*Rest styles are copied from the website itself*/ 
.nivoSlider { 
position:relative; 
background:url(images/loading.gif) no-repeat 50% 50%; 
} 

.nivoSlider img { 
position:absolute; 
top:0px; 
left:0px; 
display:none; 
} 

.nivoSlider a { 
border:0; 
display:block; 
} 

---

페이지를 열거 나 새로 고침하면 imageslider div에 이미지가 표시되지 않습니다. 제발 도와주세요 !!

Answer 1

당신이 NIVO 슬라이더를로드하기 전에 jQuery를로드하는 것이 확인 : 이미지 밖으로

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>