jquery - Kevin Thornbloom定制平滑产品

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


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


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

最佳答案

要删除产品缩放，我将从在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();
        });

要获得第二名，听起来就像您需要某种滑块。老实说，可能有一种更好的方法来完成您想要的事情，而不是去破坏现有的插件。