垂直滚动的JQuery云旋转木马
JQuery Cloud Carousel that scrolls vertically
我希望把云教授在http://www.professorcloud.com/mainsite/carousel.htm上的云旋转木马,并使其垂直滚动。我可以看到反射可能是一个垂直滚动的问题,如果它们是好的,我可以没有它们,如果可能的话,我想要一个选项来启用它们。谢谢你的帮助。(我需要它适合这里:http://www.inspiritandintruth.com在右栏)
我有同样的问题。我发现这两个具有相同的3d效果,并且支持垂直滚动。
http://www.jacksasylum.eu/ContentFlow/
http://www.bkosborne.com/jquery-waterwheel-carousel
我猜你可以使用其中一个,或者看看他们的代码,看看他们是如何做到的。
希望对你有帮助。
B所以在深入研究代码之后,我终于弄明白了。以防有人试图在他们自己的网站上这样做,下面是我得到的:在非缩小版本的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是如何互换的(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
相关文章:
- 带有JQuery和CSS的3D旋转木马-渲染不正确
- jQuery的正确使用?猫头鹰旋转木马
- jQuery UI滑块干扰光滑的旋转木马
- jquery mobile的内容旋转木马
- Jquery幻灯片中的列表,连接第一个和最后一个列表元素以创建旋转木马
- 通过jquery损坏的旋转木马添加css样式
- Angular 和 JQuery 循环 2 旋转木马碰撞
- Javascript (jQuery) 触摸/滑动垂直旋转木马与滚动/加速
- JQuery 旋转木马是跳跃的
- 光滑的旋转木马如何将当前幻灯片作为 dom 或 jquery 对象获取
- 如何使用jquery在旋转木马上隐藏和显示页脚
- jQuery-旋转木马安装问题
- jQuery旋转木马插件与WowSlider类似且更轻
- 左侧动画上的JQuery旋转木马延迟
- 如何通过onmouseover事件停止jquery旋转木马
- jQuery旋转木马问题:如何阻止缩略图前进
- jQuery文本大小调整插件只适用于第一张幻灯片的引导旋转木马
- Jquery自定义旋转木马内的图像缩放模式
- Jquery图像旋转木马使它成为圆形旋转木马,所以它是“无限的”
- 循环旋转木马水平javascript/jquery