【问题标题】:Javascript or jQuery slider where active slide gets bigger活动幻灯片变大的 Javascript 或 jQuery 滑块
【发布时间】:2023-03-04 03:25:02
【问题描述】:

Javascript 或 jQuery 滑块,活动幻灯片变大 Javascript 或 jQuery 滑块,活动幻灯片变大 Javascript 或 jQuery 滑块,活动幻灯片变大 Javascript 或 jQuery 滑块,活动幻灯片变大 Javascript 或 jQuery 滑块,活动幻灯片变大

【问题讨论】:

    标签: javascript jquery html css slider


    【解决方案1】:

    我上次使用滑块BX Slider 还不错。

    编辑:你也可以试试http://flexslider.woothemes.com/(推荐)

    您可以做的是使用任何滑块,只要该滑块为活动幻灯片提供一个类(例如 .active),您就可以按照您需要的方式对其进行样式设置。要使活动幻灯片的动画缩放/缩小,您可以使用 CSS。

    .slide { transition: all .2s ease-in-out; }
    .slide.active { transform: scale(1.1); }
    

    您可能会发现这样做比找到满足您需求的滑块插件更容易。

    【讨论】:

    • 我实际上尝试了bxSlider,它根本无法设置基本滑块,只有一个图像和一个很大的空白区域。 minSlider 选项根本不起作用。
    • flexslider 更糟糕。
    • 更糟的是什么?如果您根本无法让它们工作,我建议您阅读他们的文档。
    • 两者都只能在固定宽度的“轮播”中工作(没有记录,或者我没有看到),在轮播中不再有活动幻灯片。
    • 您的想法与cycle2carousel 完美结合! malsup.com/jquery/cycle2/demo/carousel.php 你只需要使用循环前事件将活动幻灯片移动到滑块的中心,因为他们总是认为第一张幻灯片是活动的。
    猜你喜欢
    • 1970-01-01
    • 2021-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-11
    • 1970-01-01
    相关资源
    最近更新 更多