2014-06-17 35 views
1

我見過很多類似的問題,但這些問題似乎都沒有幫助我使用這個特定的代碼。如果有人認爲他們可以提供幫助,我肯定需要一個PROs幫助。這將不勝感激...下一個/上一個1pg的箭頭。水平滑動網站?

我有一個簡單的水平滑動網站。頁面頂部的鏈接正常工作,並滾動到正確的頁面。不過,我想要做的是在頁面上添加一個Next和Previous箭頭,以便人們可以連續使用這些頁面在頁面之間滾動。但那是所有討厭的開始。

我已經發布了一些我的代碼在這裏,但要使它更容易對任何人幫助,您可以查看整個事情(在genereic形式)在這裏...... http://jsfiddle.net/Versitek/uZ2h8/17/

我懷疑問題很可能在於箭頭代碼...

<div id="prev-arrow"><a href="javascript: $('#banner a').trigger('click');"><FONT size="7"><STRONG>&laquo;</STRONG></FONT></a></div> 

<div id="next-arrow"><a href="javascript: $('#banner a').trigger('click');"><FONT size="7"><STRONG>&raquo;</STRONG></FONT></a></div> 

......或者說是應該控制它的JavaScript ...

$(function() { 
    $("#banner").cycle({ 
     fx: 'fade', 
     width: '100%', 
     fit: 1, 
     prevNextEvent: 'click.cycle', 
     speed: 800, 
     timeout: 10000, 
     prev: '#prev-arrow', 
     next: '#next-arrow', 
     cleartypeNoBg: true 
    }); 
}); 

請儘量不要太笑太難w ^母雞看着我的代碼。很痛苦,我不知道我在這裏做什麼。我希望這只是我忽略的一些小事,但是我很可能只是一個白癡。請幫忙。

+0

ü意味着只有下一個先前不工作是否正確? –

+0

你的小提琴調用一個叫做.cycle()的jQuery插件,它實際上並不包含在內,所以我們還沒有幫助。 – RwwL

+0

是的箭頭不工作。它只是每次滾動到最後一個項目。 – user2284703

回答

0

的事情我沒有得到你的週期項目工作:

  1. 剝離的菜單,方便的工作,因爲你已經知道該怎麼做。
  2. 添加的週期插件文件到小提琴
  3. 寫圍繞面板元件
  4. 稱爲與「板」容器中的循環功能的「板」的容器。
  5. 改變的CSS一點,因爲我刪除的菜單

fiddle

. 
+0

好吧,我已經得到這個工作之前,你的答案,但自從你展示了一個工作解決方案,我會檢查這一個是最好的答案。謝謝。我可以在將來爲其他項目使用該工作代碼。 – user2284703