在单击猫头鹰转盘上添加放大/缩小

时间:2017-12-12 19:09:37

标签: javascript jquery html css owl-carousel

有没有办法为owl添加类似功能的画廊。我的意思是我想在点击时放大/缩小幻灯片,也可以放大抓取/拖动缩放区域。 我尝试过这样:

$(document).ready(function() {

  $("#owl-demo").owlCarousel({
    items : 10
  });

  $('.link').on('click', function(event){
    var $this = $(this);
    if($this.hasClass('clicked')){
      $this.removeAttr('style').removeClass('clicked');
    } else{
      $this.css('background','#7fc242').addClass('clicked');
    }
  });

});

滑动缩放但拖动猫头鹰的主拖动功能运行并移至下一张幻灯片。我希望猫头鹰像PhotoSwipe那样工作。 PhotoSwipe唯一的问题是它在全屏灯箱视图中打开。我还点击了zoomooz,但它不支持拖动。

有人可以指导我如何添加这些功能吗?

0 个答案:

没有答案