jQuery带淡入的左右滑块

我需要某种jQuery滑块。确切地说，我需要的是：它将是三张幻灯片，幻灯片2在加载时位于页面的中心。左侧的幻灯片1和右侧的幻灯片3将仅部分可见，因为站点容器的边缘将剪掉其中的一部分，另外，我希望它们淡出，从而提示用户有更多内容。有人知道有什么jQuery插件可以让这变得简单吗？希望这是有意义的…我附上了一个简单的草图，我所说的。谢谢大家

---

你所要求的是完成的工作，而不是一个问题的答案

---

您可以自己开发，也可以在多个软件站点之一找到预先制作的jQuery库。如果你有一点项目经费（通常是10到20美元），试试看。

jQuery有数百个幻灯片放映插件，一个似乎适合你需要的例子是。尚未使用此特定插件，但可能是这样的：

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

$（窗口）。加载（函数（）{
$（“div#makeMeScrollable”）.smoothDivScroll（{
startAtElementId:“startAtMe”，
可见热点：“始终”
});
});

我不能给你一个预先制作好的插件，但我可以告诉你怎么做

使用CSS在左右滑块上进行淡入淡出。当这些类不是主要内容时，更改它们。查看上述项目之一的滑动脚本，并自行构建。自己动手做东西的感觉是一种幸福

---

我想补充这一点，使您的网站效率。您可能应该加载一个数组中的内容，比如10个左右，一次显示3个。当您看到类似6个元素时，进行AJAX查询并再次填充数组。这样，您的小部件会看起来很棒，性能也会非常出色。：）

。查看演示。您可以提示上一个和下一个图像以及更多信息。

这非常简单，可以轻松地进行个性化设置

您可以通过对进行一些修改来实现这一点（完全公开：我自己开发了这个插件）。如果您在“幻灯片”模式下使用它，然后将主容器修改为略宽于所需宽度（从而显示上一张幻灯片和下一张幻灯片的边缘），并覆盖一个div，两端都有一个透明的png渐变，以在边缘上提供淡色效果。

不是要求完成工作，只是一些正确方向的提示：）我来看看codecanyon，谢谢！