logo标签列表

jQuery左右滑动渐变轮播器

jqueryslider
3
我需要一种jQuery滑块。我需要的是：它将有三个幻灯片，当加载时，幻灯片2位于页面中心。左侧的幻灯片1和右侧的幻灯片3只会部分可见，因为站点容器的边缘会切掉它们的一部分，此外，我希望它们淡出，给用户一个提示，表明还有更多内容。有人知道是否有任何jQuery插件可以轻松实现这一点吗？希望这样说得通...我附上了一个简单的草图以说明我的意思。谢谢大家！
6个回答
1

无限轮播。查看演示。您可以提示前一张和后一张图片等等。

1

您可以通过对基本jQuery滑块进行一些修改来实现这一点（完全披露：我自己开发了这个插件）。如果您在“幻灯片”模式下使用它，然后将主容器修改为略微宽于所需大小（从而显示前一个和下一个幻灯片的边缘），并覆盖一个div，两端带有透明的png渐变，以在边缘产生淡出效果。

0

有数百个适用于jQuery的幻灯片插件，其中一个看起来符合您的需求的例子是Smooth Div Scroll。虽然我没有使用过这个特定的插件，但它可能会像这样：

<script type="text/javascript">
    $(window).load(function() {
        $("div#makeMeScrollable").smoothDivScroll({ 
            startAtElementId: "startAtMe", 
            visibleHotSpots: "always"
        });
    });
</script>
0
你所要求的是完成的作品，而不是问题的答案。
你可以自己开发，或者在几个软件网站中找到预制的jQuery画廊。如果你有一点预算（通常为$10至$20），可以尝试http://codecanyon.com。
不是要求完成的工作，只是需要一些正确方向上的提示 :) 我会看看codecanyon的，谢谢！ - ansarob
0

我不能给你一个预制的插件，但我可以给你一个如何实现这个功能的想法。

使用CSS来实现左右滑块的淡入淡出效果。当它们不是主要内容时，更改它们的类。从上面的项目中查看滑动脚本，并自己构建。亲手制作东西的感觉是一种幸福！

我建议为了使您的网站高效，您应该将内容加载到一个数组中，例如每次显示3个，总共10个左右，当您浏览了大约6个元素时，进行AJAX查询并重新填充数组。这样，您的小部件将看起来很棒，性能也会非常好。 :)

0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接