Question

我已经处理过这个插件，但问题是当我加载焦点时图像处于正常状态。我的问题是如何在加载和悬停时默认放置活动图像。

Answer 1

您只需要以编程方式触发鼠标悬停事件，以便在页面加载时选择活动图像。我使用nth chield selecter在2张幻灯片上发射事件，你可以使用1,3或任何你想要的东西

$(document).ready(function(){
    $('.gallery_content').createDiagonalSlider();


   setTimeout(function(){
   $('.gallery_content .gallery_item:nth-child(2)').mouseover();
   },10);

   });

这是工作小提琴 http://jsfiddle.net/1tu061u9/

了解您所需的功能

使图像处于活动状态，直到下一张图像不悬停

您需要在第45行的DiagonalSlider.js中替换此代码。

slider.find('.gallery_item').hover(function(){
        var item = $(this);

            if (timeout){
                clearTimeout(timeout);    
            }

            timeout = setTimeout(function(){
                zoomIn(item, function(){ }); 
            }, 10);

    }, function(){

    });

这是一个新的工作小提琴。 http://jsfiddle.net/ytzg32w6/2/

如何在jquery对角线图像滑块中添加活动类

1 个答案: