2011-09-01 35 views
0

我想知道如果使用的jCarousel有人會對如何克隆或顯示轉盤作爲第一個圖像的最後圖像的建議首先顯示最後一張圖像。實例的5張照片,其中轉盤顯示3個圖像它目前看起來像這樣的jCarousel - 在無限循環

1 - 2 - 3(4和5正在等待所示)

相反,這裏就是我試穿負荷來實現:

5 - 1 - 2(3和4正在等待被示出)

我使用目前什麼是以下設置:

wrap:'circular', scroll:1, auto:1,

我試過一個偏移量:-1,但是這顯示一個空白並且不起作用。

我也曾嘗試的偏移與最後一個圖像開始旋轉木馬 - 但是,隨着包裝設置爲「通知」,這也不起作用,使其他圖片的空白,直到手動加載它們。

我已盡力尋找我自己的答案,但會感謝您的幫助,提前致謝。

編輯:我也開放給不同腳本的建議,可以做到這一點 - 謝謝!

編輯#2:首先感謝您的評論。進一步的研究:我發現這個網站(www.anothermag.com)做了一個很好的工作,首先顯示最後一幅圖像,我相信這是基於代碼使用Jquery SerialScroll。我還沒有嘗試,但似乎很有前途。我的另一個想法是看看我是否可以將最後一個圖像顯示爲Wordpress循環中的第一個圖像,以便它仍然使用Jcarousel,但硬編碼最後一個圖像。將發佈更多更新。

編輯#3:最終的解決方案:

我已經Sparky672選擇下面的答案,因爲我認爲這是安全的,說的jCarousel今天是不是能夠做到這一點沒有用它加載之前重新排列的圖像干預的。

但是,如果有人有興趣的選項/替代,我將使用弗雷德總部的優秀劇本「迴旋」。我將使用的示例如下:http://fredhq.com/projects/roundabout/demo/around

經過一些小的修改,它將完成我所需要的工作,而無需在加載部分做太多工作。

的設置將不透明度設置爲1的所有的圖像,傾斜設置爲0,添加自動滾動在設定的時間間隔,所述框相同大小的集大小。

此特定輪盤需要一個白色的分頻器,所以我將使用例如「周圍的事物搬東西」,使中間的「東西」白盒隱藏的是什麼環後面。

我希望這可以幫助別人。

再次感謝!

+0

關於你最近的編輯:最好是保持你的問題的具體情況,而不是開始討論太多的後續問題。你原來的帖子是關於jCarousel的,所以任何事情都應該作爲一個單獨的問題發佈,只要它不是這個問題的重複。 [請閱讀此處以瞭解有關如何在此處提問的詳細信息](http://stackoverflow.com/faq#howtoask)。 – Sparky

+0

對不起 – Chumtarou

+0

沒有問題...這是一個高質量的網站,因爲社區適度和所有這些規則。無論如何,歡迎來到StackOverflow! – Sparky

回答

1

由於您使用的是破損選項,因此您會看到這些空白圖像。jCarousel是一個很棒的劇本,但即使是開發者也承認wrap:circularis not working。開發人員自己的demo shows the circular wrap issue(取決於瀏覽器)。他已經有talking about fixing it好幾個月了。我仍然使用插件,但我只是不使用wrap:circular選項。

編輯:我也開放給不同腳本的建議,可以做 這個 - 謝謝!

您可以嘗試jCarousel Lite作爲替代。當我想要一個圓形包裝時,我使用了jCarousel Lite。

+0

非常感謝與Jcarousel的通知有關的問題 - 我沒有意識到這一點,並一直很高興地使用它一段時間...我會給jCarousel Lite嘗試查看是否可以克隆最後一張圖片。謝謝 – Chumtarou

+0

@Chumtarou:還可以嘗試更改圖像的初始順序,而不是強制要求不需要的克隆。 – Sparky

+0

非常好的一點 - 我目前正在測試,試圖找到一種方法,使循環的第5個職位跳到第一個位置 - 還沒有找到答案。因爲這看起來很有趣,我也會嘗試使用SerialScroll。 – Chumtarou

1

jCarousel Lite不能做你想要的東西。

要製作3張圖像可見的圓形幻燈片,它會克隆前3張和最後3張圖像。請參閱默認配置演示:http://www.gmarwaha.com/jquery/jcarousellite/#demo

這意味着您需要在啓動插件之前修改圖像之前的順序

+0

OP沒有使用[jCarousel Lite](http://www.gmarwaha.com/jquery/jcarousellite/)...他使用[jCarousel](http://sorgalla.com/jcarousel/)。 – Sparky

+0

您建議使用jCarousel Lite作爲替代方案。無論如何,他/她在調用插件之前仍然必須修改圖像的順序。 – marissajmc

+0

謝謝你們兩位 - 我會給jCarousel Lite一個嘗試 - 我也發現了Jquery SerialScroll作爲替代方案。在網站上編輯我的評論,並在一段時間內顯示我正在尋找的內容。 – Chumtarou