我正在尋找由雲教授Cloud上的Cloud Carousel並使其垂直滾動。我可以看到反射可能是一個垂直滾動的問題,如果他們沒問題,我可以沒有他們,我想要一個選項,如果可能的話啓用它們。感謝您所有的幫助。 (我需要它適合在這裏:http://www.inspiritandintruth.com在右邊的欄上。)垂直滾動的JQuery Cloud旋轉木馬
0
A
回答
1
因此,在挖掘代碼後,我終於弄清楚了。如果有誰試圖做到這一點在自己的網站這裏是我得到的:在有關的非精縮版260行,你有兩條線路是這樣的:
x = this.xCentre + (((funcCos(radians) * this.xRadius) - (item.orgWidth*0.5)) * scale);
y = this.yCentre + (((sinVal * this.yRadius) ) * scale);
只需將它們更改爲:
y = this.yCentre + (((funcCos(radians) * this.yRadius) - (item.orgWidth*0.5)) * scale);
x = this.xCentre + (((sinVal * this.xRadius) ) * scale);
注意如何x和y已經交換(3次)
你需要更動初始化的東西尤其是XPOS和xRadius,這裏是我的最終結果:
$("#bookscroll").CloudCarousel({
xPos: 11,
yPos: 170,
xRadius: 16,
yRadius: 170,
buttonLeft: $("#book-down"),
buttonRight: $("#book-up"),
altBox: $("#book-alt"),
titleBox: $("#book-title"),
mouseWheel: true,
bringToFront: true,
autoRotate: 'left',
speed: 0.02,
autoRotateDelay: 4000
});
希望這可以幫助別人,你可以看到它在行動(甚至更高度定製)在http://www.inspiritandintruth.com
1
我有同樣的問題。我發現這兩個具有相同的3D效果,並且支持垂直滾動。
http://www.jacksasylum.eu/ContentFlow/
http://www.bkosborne.com/jquery-waterwheel-carousel
我想你既可以使用其中的一種或看看他們的代碼,看看他們是如何做到的。
希望有所幫助。
B
+0
我喜歡ContentFlow選項,但它是25k,而ProfessorCloud選項只有1.5k,我弄糟了,代碼弄清楚了,但是...... –
相關問題
- 1. 溫泉旋轉木馬垂直滾動
- 2. AnythingSlider垂直旋轉木馬
- 3. JQuery垂直無限旋轉木馬
- 4. jQuery的滾動/旋轉木馬
- 5. jQuery的旋轉木馬滾動
- 6. 旋轉木馬滾動?
- 7. MouseOver垂直旋轉木馬變焦
- 8. 垂直旋轉木馬圖像
- 9. 如何讓旋轉木馬滾動旋轉木馬Bootstrap
- 10. 引導旋轉木馬:旋轉木馬
- 11. 垂直旋轉的3D引導旋轉木馬
- 12. jquery旋轉木馬
- 13. 旋轉木馬內的旋轉木馬
- 14. Bootstrap旋轉木馬:向上滑動垂直居中的文字
- 15. 旋轉木馬
- 16. jquery垂直旋轉木馬斜槓滑塊
- 17. 定製Twitter的引導3旋轉木馬加上垂直/水平滾動條
- 18. touch旋轉木馬滾動條
- 19. 水平滾動旋轉木馬
- 20. jQuery的3D旋轉木馬
- 21. Sencha在水平旋轉木馬上觸摸垂直滾動內容
- 22. jQuery旋轉木馬滑塊
- 23. Verticle旋轉木馬jQuery
- 24. jQuery旋轉木馬問題
- 25. jquery div旋轉木馬
- 26. javascript/jquery slider(旋轉木馬)
- 27. jQuery 3D旋轉木馬?
- 28. jQuery mouseenter /懸停停止動畫在垂直旋轉木馬循環
- 29. jquery旋轉木馬自動滾動文本和圖像
- 30. jQuery旋轉木馬動畫跳躍
你需要一個3D解決方案,或將類似http://flowplayer.org/tools/demos/可滾動/ vertical.html對你更好嗎? –
謝謝,但我需要更具視覺吸引力的東西,最好是3D,最好是像雲教授那樣。 –
你會大幅縮減你的圖像嗎?該div的尺寸僅爲101x500,書籍圖像無處不在。 –