2011-07-20 17 views
0

私は、クラウドカルーセルを教授クラウドでhttp://www.professorcloud.com/mainsite/carousel.htmに乗せて、それを垂直にスクロールさせたいと考えています。反射が垂直スクロールで問題になることがあることがわかりました。もしそれらが問題なければ、私はそれらを使わずにできます。できるだけ有効にするオプションが必要です。あなたの助けをありがとう。 (私はそれに合わせる必要があります:右のバーにhttp://www.inspiritandintruth.comJQueryクラウド垂直にスクロールするカルーセル

+0

で(そして、より高度にカスタマイズされた)アクションでそれを見ることができるのに役立ちます、またはだろうhttp://flowplayer.org/tools/demos/のようなものscrollable/vertical.htmlがうまく機能しますか? –

+0

ありがとうございます。私は視覚的に魅力的なもの、好ましくは3D、特に教授の雲のようなものが必要です。 –

+0

あなたのイメージを大幅に縮小しますか?そのdivの寸法はわずか101x500で、本の画像は、まあまあです。 –

答えて

1

ので、コードの周りに掘った後、私はついにそれを考え出しました。非縮小さバージョンの程度ライン260で、あなたはこのような2行があります:

x = this.xCentre + (((funcCos(radians) * this.xRadius) - (item.orgWidth*0.5)) * scale); 
y = this.yCentre + (((sinVal * this.yRadius) ) * scale); 

をするだけにそれらを変更する場合には、誰が今までここで私が得たものだ、自分のサイト上でこれを実行しようとしますあなたが特にXPOSとxRadius初期のものと周り混乱する必要がありますxとyが切り替えられているか

y = this.yCentre + (((funcCos(radians) * this.yRadius) - (item.orgWidth*0.5)) * scale); 
x = this.xCentre + (((sinVal * this.xRadius) ) * scale); 

お知らせ(3回)

は、ここに私の最終的な結果は以下の通りであった。

$("#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 
}); 

ホープこれは、誰かが、あなたは、3Dソリューションが必要ですhttp://www.inspiritandintruth.com

1

私は同じ問題があります。私は同じ3d効果を持っているこれら2つを見つけ出し、ボックスから垂直スクロールをサポートしています。

http://www.bkosborne.com/jquery-waterwheel-carousel

http://www.jacksasylum.eu/ContentFlow/
私はあなたがそれらのいずれかを使用するか、彼らはそれをやった方法を確認するために自分のコードを見て可能性のいずれかと思います。

希望に役立ちます。

B

+0

私はContentFlowオプションが好きですが、それは25kですが、ProfessorCloudオプションはわずか1.5kですが、私はそれを把握するのに十分なコードを使いました... –