我的客户希望我为他们的网站创建一个图像滑块（轮播）。他们希望幻灯片真正“滑动”而不是淡入或任何东西，并且还希望其中的内容淡入和淡出。几乎完全一样：http ://www.squarespace.com/
现在，我尝试大量搜索 jquery 插件和有关如何创建类似内容的教程，但我发现很少，主要是在 codrops 上，但没有一个我可以使用并且符合标准。我还找到了 Flexslider，但我只是不知道如何使用 css3 过渡或关键帧为内部内容创建动画。再次与我链接的 Squarespace 完全一样。
请让我知道这件事，非常感谢。
这是我所知道的最好的滑块之一：http ://css-tricks.com/examples/AnythingSlider/#&panel1-1 。
他还编写了一个关于自己制作的教程： http: //css-tricks.com/slider-with-sliding-backgrounds/，您可以将其作为制作自己的起点
添加到先前的答案
至于淡出上一张幻灯片的内容，您可以为 z-index 为 2 的元素使用 jQuery css 选择器，如本文所述：
然后使用 css3 过渡设置旧的不透明度，新的我不完全确定。然而，超级幻灯片似乎直接从无序列表中工作，因此您可以使用 nth-of-type css 选择器再次通过 jQuery 获取正确的元素，使用 js 变量来存储正确的幻灯片编号。
（这仅用于正常导航，底部的导航栏需要一些额外的修补）
为什么要重新发明轮子？有大量的图像滑块轮播。即使有“幻灯片效果”
这正是您要搜索的滑块:)
https://github.com/nicinabox/superslides
可以在此处找到演示页面：
http://nicinabox.com/superslides/#1
希望能帮助到你。
ps：谷歌是你的朋友。
编辑：根据您的评论，滑块中的内容逐渐消失。
我猜（未测试）您可以在淡入淡出时向内容添加过渡，您可以轻松地将其添加到滑块的 css 或 js 中。
我对 Jonathan 必须记住的 30 个 CSS 选择器的链接印象深刻。使用这些以及存储幻灯片编号，您几乎可以对 Superslides 做任何事情。喜欢这两种工具的家伙。可能是我读过的关于滑动图像的使用 jQuery 和 CSS 的更好技巧之一。我也在使用 Dreamweaver 将单元格填充和表格放入此组合中。让这一切与 WordPress 很好地配合就像......很棒的酱汁！