如何避免PhotoSwipe在SmartSevice中缩放为原始大小的图像?

时间:2016-02-05 08:11:22

标签: javascript angularjs photoswipe

我使用带有angularJS的PhotoSwipe来显示图像。但是当我在SmartDevice中单击图像时,默认模式被设置为' zoomIn'这太大了,无法看到图像。

我的意思是,当我点击这样的图像时 enter image description here

成了这个:

enter image description here

但我希望它成为默认值:

enter image description here

这是html:

$scope.showZoom = function (pageNo) {
    var items = new Array();
                items.push(
                        {
                            src: $scope.pages[0].imageUrl,
                            w: 1400,
                            h: 700
                        });
                var currentIndex = 0;
                if (pageNo === 1)
                    currentIndex = 1;
                if (pageNo >= 2)
                    currentIndex = pageNo / 2 + 1;

                //オプションの設定
                var options = {
                    history: false,
                    focus: false,
                    index: currentIndex,
                    showAnimationDuration: 0,
                    hideAnimationDuration: 0,

                };
                var pswpElement = document.querySelectorAll('.pswp')[0];
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
                gallery.init();
}

这是javascript:

{{1}}

1 个答案:

答案 0 :(得分:1)

我解决了这个问题。 这是因为我使用的是触摸屏'这会导致点击次数达到'两次点火,就像双击一样。

在PhotoSwipe中,双击意味着缩放,所以......

我删除了' ngTouch'并得到解决。