类似Javascript 3d的轮播,用于复杂的内容

Javascript 3d-like carousel for complex content

本文关键字:复杂 用于 Javascript 3d 类似      更新时间:2023-09-26

我今天花了大约 7 个小时,试图:

a) 使用密集的 JavaScript 和 CSS3 功能创建我自己的轮播(请参阅此 pastebin)

b) 设置和集成来自 FredHQ 的环形交叉路口插件

c) 设置和集成来自云教授的云轮播插件

尝试了两种第三方解决方案,因为我未能自己完成我想要的事情。不幸的是,这两种解决方案都无法按照我要求的方式工作。两者都非常适合显示图像,但我需要显示更复杂的内容,一个风格浓郁的 DIV,里面有多个封装的 DIV,具有透明度的 PNG,等等。

FredHQ 的版本不起作用,因为它没有缩放我的 DIV 中的内容。在我删除 font-size 参数之前,甚至没有缩放文本,但这是我正确布局所需要的。云的版本仅适用于图像。

碰壁了,我似乎找不到任何其他解决方案。似乎"轮播"一词用于幻灯片和滑块,所以我找到了数百个这样的解决方案,但没有一个像我需要的那样工作。

我需要的是降低其他对象的不透明度,而中心对象处于完全不透明状态。此外,其他对象应按某些比例因子进行缩小。它不必是 3D(甚至不需要),但由于缩放,它看起来像 3D。

它不一定是jQuery,尽管如果是的话,这可能是一个好主意。

有谁知道或任何人都可以指出我一个正确的解决方案?

你看过 monete(git),http://www.jacklmoore.com/monte 吗? 184行。不确定您会找到更容易挖掘并使其按照自己的方式工作的东西。数以百计的解决方案?所以我会认为你也看了循环插件。这可能是最成熟和最强大的之一。你在问题中要求很多,这类问题只会在一段时间后让人们疲惫不堪。就这样。

可能不会找到完全适合您需求的东西,您必须自己滚动或雇用某人。如果你有事情要做,然后回来寻求具体的帮助,你会好得多。