jQuery左右滑块与淡入淡出

Question

我需要某种jQuery滑块。正是我需要的是：它将是三张幻灯片，幻灯片2在加载时在页面上居中。滑动1向左滑动，滑动3向右只能部分可见，因为站点容器的边缘会切掉它们的一部分，而且我希望它们淡出，给用户一个暗示还有更多内容。有人知道任何jQuery插件会让这很容易吗？希望这是有道理的......我附上了我正在谈论的简单草图。谢谢大家！

Answer 1

Infinite Carousel。查看演示。您可以提示上一张和下一张图片等等。

Answer 2

你可以通过对Basic jQuery Slider进行一些修改来实现这一点（完全披露：我自己开发了这个插件）。如果您在“滑动”模式下使用它，然后将主容器修改为比所需宽度更宽（从而显示上一张和下一张幻灯片的边缘）并覆盖一个div，在任一端使用透明的png渐变以使褪色对边缘的影响。

Answer 3

你要求的是完成工作而不是回答问题。

您可以自己开发，也可以在多个软件站点之一找到预制的jQuery库。尝试http://codecanyon.com如果你有一点花费该项目（通常是10美元到20美元）。

Answer 4

jQuery有数百个幻灯片插件，一个似乎符合您需求的例子是Smooth Div Scroll。没有使用过这个特定的插件，但它可能是这样的：

<script type="text/javascript">
    $(window).load(function() {
        $("div#makeMeScrollable").smoothDivScroll({ 
            startAtElementId: "startAtMe", 
            visibleHotSpots: "always"
        });
    });
</script>

Answer 5

我无法给你一个预制的插件，但我可以告诉你如何做到这一点。

使用CSS在左右滑块上进行淡入淡出。当它们不是主要内容时更改那些类。请参阅上述项目之一的滑动脚本，并自行构建。自己做点什么的感觉真是幸福！

我想补充一点，以提高您的网站效率。你应该把内容加载到10个左右的数组中，一次显示3个。当你看到类似6个元素的东西时，做一个AJAX查询并再次填充数组。这样，你的小部件看起来很棒，性能也很棒。 :)

Answer 6

这很简单，可以轻松个性化http://oslide.andresbott.com/