jQuery Cycle Plugin - 內容不循環

我使用jQuery的Cycle插件設置了一個頁面，並且有四個div設置爲淡入淡出。我有代碼，圖像設置，但它不正確循環。火狐說，沒有與下面的代碼有問題：jQuery Cycle Plugin - 內容不循環

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

下面是HTML：

<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：

.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; }

你去關閉之前並說，「嘿，這些圖像都是一樣的」。你是對的，現在的圖像都是一樣的，但是文字也應該旋轉，並且有一些細微差別。另外，褪色應該仍然顯示出來。

無論如何，你可以看到dev的頁面在這裏：http://173.201.163.213/projectpath/first_trust/index.html

我將不勝感激一些幫助，通過它應該得到這個循環。

謝謝！

來源

2010-05-21 fmz

你必須更加踏實！ [星期五] – Armstrongest 2010-05-21 20:52:52

大聲笑，試圖投票。誰說我們不能工作有點幽默;） – n4rzul 2011-07-19 13:06:04

看着源代碼，你錯過了幾個</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>

來源

2010-05-21 20:58:27 Alan

我曾看到過，並認爲修正已上傳。感謝您的快速回復。它都是固定的。謝謝。 – fmz 2010-05-21 21:00:34

jQuery Cycle Plugin - 內容不循環

回答

相關問題