jquery - 定制 Smooth 产品，作者:Kevin Thornbloom

Question

我有两个关于编辑 jquery 的问题。

1. 如何从 Smooth 产品中删除产品缩放 [悬停时缩放功能]。

2. 显示一分钟。缩略图的数量并隐藏其余的。使用向左/向右导航将它们逐一滚动。

这只是原始来源的链接:https://github.com/kthornbloom/Smoothproducts

Answer 1

要删除产品缩放，我将从查看 smoothproducts.js 中的这段代码开始

// Zoom In non-touch
        $(document.body).on('mouseenter', '.sp-non-touch .sp-large', function(event) {
            var largeUrl = $('a', this).attr('href');
            $(this).append('<div class="sp-zoom"><img src="' + largeUrl + '"/></div>');
            $(this).find('.sp-zoom').fadeIn(250);
            event.preventDefault();
        });

        // Zoom Out non-touch
        $(document.body).on('mouseleave', '.sp-non-touch .sp-large', function(event) {
            $(this).find('.sp-zoom').fadeOut(250, function() {
                $(this).remove();
            });
            event.preventDefault();
        });

要完成第二点，听起来您需要某种 slider 。老实说，可能有更好的方法来完成你想要的，而不是砍掉现有的插件。