Photoswipe:垂直向上移动图像容器

时间:2015-04-02 21:53:57

标签: javascript photoswipe

正如标题所示,我试图将图像容器的位置垂直向上移动(这是为了给移动显示器上的字幕提供更多空间)。

似乎图像容器div(class =" pswp__img")位于另一个div中,其中class =" pswp__zoom-wrap"。第二个div通过CSS样式确定图像的位置"变换:translate3d(..)"。我尝试过解析photoswipe.js脚本,但是我对JS的知识有点让我感到困惑。

有人能指出我在photoswipe.js脚本中的位置"变换:translate3d(..)"已经确定了?

链接到包含感兴趣的JS文件的github repo(photoswipe.js& photoswipe-ui-default.js是要查看的两个文件): https://github.com/dimsemenov/PhotoSwipe/tree/master/dist

以下是来自" photoswipe.js"这与我迄今为止发现的translate3d的设置有关:

_applyZoomTransform = function(styleObj,x,y,zoom) {
    styleObj[_transformKey] = _translatePrefix + x + 'px, ' + y + 'px' + _translateSufix + ' scale(' + zoom + ')';

_translatePrefix = 'translate' + (allow3dTransform ? '3d(' : '(');
_translateSufix = _features.perspective ? ', 0px)' : ')';

0 个答案:

没有答案