Question

我编辑jquery时有两个问题。

如何从Smooth产品中删除产品缩放[悬停时的缩放功能]。
显示分钟。缩略图的数量并隐藏其余部分。使用左/右导航逐个滚动它们。

这只是原始来源的链接：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();
        });

要完成第二项，听起来你想要某种滑块。老实说，可能有更好的方法来实现你想要的东西，而不是破解现有的插件。

由Kevin Thornbloom定制平滑产品

1 个答案: