2011-07-20 88 views
0

我正在尋找由雲教授Cloud上的Cloud Carousel並使其垂直滾動。我可以看到反射可能是一個垂直滾動的問題,如果他們沒問題,我可以沒有他們,我想要一個選項,如果可能的話啓用它們。感謝您所有的幫助。 (我需要它適合在這裏:http://www.inspiritandintruth.com在右邊的欄上。)垂直滾動的JQuery Cloud旋轉木馬

+0

你需要一個3D解決方案,或將類似http://flowplayer.org/tools/demos/可滾動/ vertical.html對你更好嗎? –

+0

謝謝,但我需要更具視覺吸引力的東西,最好是3D,最好是像雲教授那樣。 –

+0

你會大幅縮減你的圖像嗎?該div的尺寸僅爲101x500,書籍圖像無處不在。 –

回答

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