0

http://www.professorcloud.com/mainsite/carousel.htmでCloud教授によるCloudCarouselを取得し、垂直方向にスクロールさせたいと考えています。垂直スクロールでは反射が問題になる可能性があることがわかります。反射が問題ない場合は、反射がなくても実行できます。可能であれば、反射を有効にするオプションが必要です。皆様のご協力に感謝いたします。（ここに収まるようにする必要があります：右側のバーのhttp://www.inspiritandintruth.com 。）

4

2 に答える 2

1

それで、コードを掘り下げた後、私はついにそれを理解しました。誰かが自分のサイトでこれを行おうとした場合に備えて、私が得たものは次のとおりです。縮小されていないバージョンの約260行目に、次のような2行があります。

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がどのように切り替えられたかに注意してください（3x）

初期化のもの、特に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

于 2011-07-20T20:27:03.713 に答える
1

私も同じ問題を抱えてる。私は、同じ3D効果があり、箱から出して垂直スクロールをサポートするこれら2つを見つけました。

http://www.jacksasylum.eu/ContentFlow/

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

そのうちの1つを使用するか、コードを調べてどのように実行されたかを確認できると思います。

お役に立てば幸いです。

B

于 2011-07-20T13:10:29.320 に答える