jQuery Cycle Plugin - 순환하지 않는 콘텐츠

Question

jQuery의 Cycle 플러그인으로 페이지를 설정하고 4 개의 div가 사라지게 설정했습니다. 코드를 제자리에두고 이미지가 설정되었지만 제대로 순환되지 않습니다. 여기

<script type="text/javascript"> 
$(document).ready(function() { 
$('.slideshow').cycle({ 
    fx: 'fade' 
    }); 
}); 
</script> 

html로됩니다 : 당신이 떨어져 가기 전에

.slideshow { width: 946px; height: 283px; border: 1px solid #c29c5d; margin: 8px; overflow: hidden; z-index: 1; } 

#mainImg-1  { width: 946px; height: 283px; background: url(../_images/main.jpg) no-repeat 9px 9px; } 
#mainImg-2  { width: 946px; height: 283px; background: url(../_images/main.jpg) no-repeat 9px 9px; } 
#mainImg-3  { width: 946px; height: 283px; background: url(../_images/main.jpg) no-repeat 9px 9px; } 
#mainImg-4  { width: 946px; height: 283px; background: url(../_images/main.jpg) no-repeat 9px 9px; } 

#mainImg-1 .quote, 
#mainImg-2 .quote, 
#mainImg-3 .quote, 
#mainImg-4 .quote { width: 608px; height: 168px; float: right; margin: 80px 11px 0 0; background: url(../_images/bg_quoteBox.png) repeat-x; } 

:

<div class="slideshow"> 
<div id="mainImg-1" class="slide"> 
    <div class="quote"> 
    <h2>Building Big Relationships with Small Business.</h2> 
    <p>&ldquo;This is quote Number One.<br /> 
     They are there when I need them the most.&rdquo;</p> 
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p> 
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div> 
    </div> 
</div> 

<div id="mainImg-2" class="slide"> 
    <div class="quote"> 
    <h2>Building Big Relationships with Small Business.</h2> 
    <p>&ldquo;This is quote Number Two.<br /> 
     They are there when I need them the most.&rdquo;</p> 
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p> 
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div> 
    </div> 
</div> 

<div id="mainImg-3" class="slide"> 
    <div class="quote"> 
    <h2>Building Big Relationships with Small Business.</h2> 
    <p>&ldquo;This is quote Number three.<br /> 
     They are there when I need them the most.&rdquo;</p> 
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p> 
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div> 
    </div> 
</div> 

<div id="mainImg-4" class="slide"> 
    <div class="quote"> 
    <h2>Building Big Relationships with Small Business.</h2> 
    <p>&ldquo;This is quote Number Fout.<br /> 
     They are there when I need them the most.&rdquo;</p> 
    <p><span class="author">Jane Doe &ndash; Charlotte Flower Shop</span></p> 
    <div class="help"><a href="cb_services.html">Let Us Help You</a></div> 
    </div> 
</div> 

다음

는 CSS입니다 파이어 폭스는 다음 코드에 문제가 말한다 "이봐, 그 이미지들은 모두 같다."라고 말하십시오. 당신 말이 맞아요, 이미지는 지금 모두 같지만 텍스트도 회전해야하고 거기에 약간의 차이가 있습니다. 또한 페이드가 여전히 나타납니다. 나는 그것을 정상적으로 통해 자전거를 얻기 위해 어떤 도움을 주셔서 감사합니다 것 http://173.201.163.213/projectpath/first_trust/index.html

:

어쨌든, 당신은 여기 dev에 페이지를 볼 수 있습니다.

감사합니다.

Answer 1

소스를 보면 </script> 태그가 누락되었습니다.

<script type="text/javascript" src="_scripts/navigation.js"></script> 
<script type="text/javascript"> 
<script type="text/javascript"> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'fade' 
    }); 
}); 
</script> 
<title>Charlotte Bank Mooresville Bank First Trust Bank</title>