Lines Matching refs:_this6
689 var _this6 = this;
693 if (_this6.isOpen) {
694 _this6.adjustImage();
700 _this6.addEventListener(window, 'hashchange.' + _this6.eventNamespace, function (event) {
701 if (_this6.isOpen) {
702 _this6.hashchangeHandler();
712 _this6.controlCoordinates.swipeDiff = 0;
713 _this6.loadImage(event.currentTarget.classList.contains('sl-next') ? 1 : -1);
718 …if (_this6.controlCoordinates.mousedown || _this6.isAnimating || _this6.isClosing || !_this6.isOpe…
721 if (_this6.controlCoordinates.containerHeight == 0) {
722 … _this6.controlCoordinates.containerHeight = _this6.getDimensions(_this6.domNodes.image).height;
723 … _this6.controlCoordinates.containerWidth = _this6.getDimensions(_this6.domNodes.image).width;
724 _this6.controlCoordinates.imgHeight = _this6.getDimensions(_this6.currentImage).height;
725 _this6.controlCoordinates.imgWidth = _this6.getDimensions(_this6.currentImage).width;
726 _this6.controlCoordinates.containerOffsetX = _this6.domNodes.image.offsetLeft;
727 _this6.controlCoordinates.containerOffsetY = _this6.domNodes.image.offsetTop;
728 … _this6.controlCoordinates.initialOffsetX = parseFloat(_this6.currentImage.dataset.translateX);
729 … _this6.controlCoordinates.initialOffsetY = parseFloat(_this6.currentImage.dataset.translateY);
741 scale += delta * _this6.options.scrollZoomFactor * scale;
742 scale = Math.max(1, Math.min(_this6.options.maxZoom, scale));
743 _this6.controlCoordinates.targetScale = scale;
745 _this6.controlCoordinates.pinchOffsetX = event.pageX;
746 …_this6.controlCoordinates.pinchOffsetY = event.pageY - scrollTopPos || 0; // need to substract the…
748 …_this6.controlCoordinates.limitOffsetX = (_this6.controlCoordinates.imgWidth * _this6.controlCoord…
749 …_this6.controlCoordinates.limitOffsetY = (_this6.controlCoordinates.imgHeight * _this6.controlCoor…
750 …_this6.controlCoordinates.scaleDifference = _this6.controlCoordinates.targetScale - _this6.control…
751 …_this6.controlCoordinates.targetOffsetX = _this6.controlCoordinates.imgWidth * _this6.controlCoord…
752 …_this6.controlCoordinates.targetOffsetY = _this6.controlCoordinates.imgHeight * _this6.controlCoor…
753 …_this6.zoomPanElement(_this6.controlCoordinates.targetOffsetX + "px", _this6.controlCoordinates.ta…
754 if (_this6.controlCoordinates.targetScale > 1) {
755 _this6.controlCoordinates.zoomed = true;
756 …if ((!_this6.domNodes.caption.style.opacity || _this6.domNodes.caption.style.opacity > 0) && _this…
757 _this6.fadeOut(_this6.domNodes.caption, _this6.options.fadeSpeed);
760 if (_this6.controlCoordinates.initialScale === 1) {
761 _this6.controlCoordinates.zoomed = false;
762 if (_this6.domNodes.caption.style.display === 'none') {
763 _this6.fadeIn(_this6.domNodes.caption, _this6.options.fadeSpeed);
766 _this6.controlCoordinates.initialPinchDistance = null;
767 _this6.controlCoordinates.capture = false;
769 … _this6.controlCoordinates.initialPinchDistance = _this6.controlCoordinates.targetPinchDistance;
770 _this6.controlCoordinates.initialScale = _this6.controlCoordinates.targetScale;
771 _this6.controlCoordinates.initialOffsetX = _this6.controlCoordinates.targetOffsetX;
772 _this6.controlCoordinates.initialOffsetY = _this6.controlCoordinates.targetOffsetY;
773 …_this6.setZoomData(_this6.controlCoordinates.targetScale, _this6.controlCoordinates.targetOffsetX,…
774 …_this6.zoomPanElement(_this6.controlCoordinates.targetOffsetX + "px", _this6.controlCoordinates.ta…
783 _this6.controlCoordinates.initialPointerOffsetX = event.clientX;
784 _this6.controlCoordinates.initialPointerOffsetY = event.clientY;
785 … _this6.controlCoordinates.containerHeight = _this6.getDimensions(_this6.domNodes.image).height;
786 … _this6.controlCoordinates.containerWidth = _this6.getDimensions(_this6.domNodes.image).width;
787 _this6.controlCoordinates.imgHeight = _this6.getDimensions(_this6.currentImage).height;
788 _this6.controlCoordinates.imgWidth = _this6.getDimensions(_this6.currentImage).width;
789 _this6.controlCoordinates.containerOffsetX = _this6.domNodes.image.offsetLeft;
790 _this6.controlCoordinates.containerOffsetY = _this6.domNodes.image.offsetTop;
791 … _this6.controlCoordinates.initialOffsetX = parseFloat(_this6.currentImage.dataset.translateX);
792 … _this6.controlCoordinates.initialOffsetY = parseFloat(_this6.currentImage.dataset.translateY);
793 _this6.controlCoordinates.capture = true;
795 _this6.controlCoordinates.touchCount = event.touches.length;
796 _this6.controlCoordinates.initialPointerOffsetX = event.touches[0].clientX;
797 _this6.controlCoordinates.initialPointerOffsetY = event.touches[0].clientY;
798 … _this6.controlCoordinates.containerHeight = _this6.getDimensions(_this6.domNodes.image).height;
799 … _this6.controlCoordinates.containerWidth = _this6.getDimensions(_this6.domNodes.image).width;
800 _this6.controlCoordinates.imgHeight = _this6.getDimensions(_this6.currentImage).height;
801 _this6.controlCoordinates.imgWidth = _this6.getDimensions(_this6.currentImage).width;
802 _this6.controlCoordinates.containerOffsetX = _this6.domNodes.image.offsetLeft;
803 _this6.controlCoordinates.containerOffsetY = _this6.domNodes.image.offsetTop;
804 if (_this6.controlCoordinates.touchCount === 1) /* Single touch */{
805 if (!_this6.controlCoordinates.doubleTapped) {
806 _this6.controlCoordinates.doubleTapped = true;
808 _this6.controlCoordinates.doubleTapped = false;
811 _this6.currentImage.classList.add('sl-transition');
812 if (!_this6.controlCoordinates.zoomed) {
813 _this6.controlCoordinates.initialScale = _this6.options.doubleTapZoom;
814 _this6.setZoomData(_this6.controlCoordinates.initialScale, 0, 0);
815 _this6.zoomPanElement(0 + "px", 0 + "px", _this6.controlCoordinates.initialScale);
816 …if ((!_this6.domNodes.caption.style.opacity || _this6.domNodes.caption.style.opacity > 0) && _this…
817 _this6.fadeOut(_this6.domNodes.caption, _this6.options.fadeSpeed);
819 _this6.controlCoordinates.zoomed = true;
821 _this6.controlCoordinates.initialScale = 1;
822 _this6.setZoomData(_this6.controlCoordinates.initialScale, 0, 0);
823 _this6.zoomPanElement(0 + "px", 0 + "px", _this6.controlCoordinates.initialScale);
824 _this6.controlCoordinates.zoomed = false;
827 if (_this6.currentImage) {
828 _this6.currentImage.classList.remove('sl-transition');
833 … _this6.controlCoordinates.initialOffsetX = parseFloat(_this6.currentImage.dataset.translateX);
834 … _this6.controlCoordinates.initialOffsetY = parseFloat(_this6.currentImage.dataset.translateY);
835 } else if (_this6.controlCoordinates.touchCount === 2) /* Pinch */{
836 _this6.controlCoordinates.initialPointerOffsetX2 = event.touches[1].clientX;
837 _this6.controlCoordinates.initialPointerOffsetY2 = event.touches[1].clientY;
838 … _this6.controlCoordinates.initialOffsetX = parseFloat(_this6.currentImage.dataset.translateX);
839 … _this6.controlCoordinates.initialOffsetY = parseFloat(_this6.currentImage.dataset.translateY);
840 …_this6.controlCoordinates.pinchOffsetX = (_this6.controlCoordinates.initialPointerOffsetX + _this6…
841 …_this6.controlCoordinates.pinchOffsetY = (_this6.controlCoordinates.initialPointerOffsetY + _this6…
842 …_this6.controlCoordinates.initialPinchDistance = Math.sqrt((_this6.controlCoordinates.initialPoint…
844 _this6.controlCoordinates.capture = true;
846 if (_this6.controlCoordinates.mousedown) return true;
847 if (_this6.transitionCapable) {
848 _this6.controlCoordinates.imageLeft = parseInt(_this6.domNodes.image.style.left, 10);
850 _this6.controlCoordinates.mousedown = true;
851 _this6.controlCoordinates.swipeDiff = 0;
852 _this6.controlCoordinates.swipeYDiff = 0;
853 _this6.controlCoordinates.swipeStart = event.pageX || event.touches[0].pageX;
854 _this6.controlCoordinates.swipeYStart = event.pageY || event.touches[0].pageY;
858 if (!_this6.controlCoordinates.mousedown) {
862 if (_this6.controlCoordinates.capture === false) {
865 _this6.controlCoordinates.pointerOffsetX = event.touches[0].clientX;
866 _this6.controlCoordinates.pointerOffsetY = event.touches[0].clientY;
867 _this6.controlCoordinates.touchCount = event.touches.length;
868 _this6.controlCoordinates.touchmoveCount++;
869 if (_this6.controlCoordinates.touchCount > 1) /* Pinch */{
870 _this6.controlCoordinates.pointerOffsetX2 = event.touches[1].clientX;
871 _this6.controlCoordinates.pointerOffsetY2 = event.touches[1].clientY;
872 …_this6.controlCoordinates.targetPinchDistance = Math.sqrt((_this6.controlCoordinates.pointerOffset…
873 if (_this6.controlCoordinates.initialPinchDistance === null) {
874 … _this6.controlCoordinates.initialPinchDistance = _this6.controlCoordinates.targetPinchDistance;
876 …if (Math.abs(_this6.controlCoordinates.initialPinchDistance - _this6.controlCoordinates.targetPinc…
878 …_this6.controlCoordinates.targetScale = _this6.minMax(_this6.controlCoordinates.targetPinchDistanc…
879 …_this6.controlCoordinates.limitOffsetX = (_this6.controlCoordinates.imgWidth * _this6.controlCoord…
880 …_this6.controlCoordinates.limitOffsetY = (_this6.controlCoordinates.imgHeight * _this6.controlCoor…
881 …_this6.controlCoordinates.scaleDifference = _this6.controlCoordinates.targetScale - _this6.control…
882 …_this6.controlCoordinates.targetOffsetX = _this6.controlCoordinates.imgWidth * _this6.controlCoord…
883 …_this6.controlCoordinates.targetOffsetY = _this6.controlCoordinates.imgHeight * _this6.controlCoor…
884 …_this6.zoomPanElement(_this6.controlCoordinates.targetOffsetX + "px", _this6.controlCoordinates.ta…
885 if (_this6.controlCoordinates.targetScale > 1) {
886 _this6.controlCoordinates.zoomed = true;
887 …if ((!_this6.domNodes.caption.style.opacity || _this6.domNodes.caption.style.opacity > 0) && _this…
888 _this6.fadeOut(_this6.domNodes.caption, _this6.options.fadeSpeed);
891 … _this6.controlCoordinates.initialPinchDistance = _this6.controlCoordinates.targetPinchDistance;
892 _this6.controlCoordinates.initialScale = _this6.controlCoordinates.targetScale;
893 _this6.controlCoordinates.initialOffsetX = _this6.controlCoordinates.targetOffsetX;
894 _this6.controlCoordinates.initialOffsetY = _this6.controlCoordinates.targetOffsetY;
897 _this6.controlCoordinates.targetScale = _this6.controlCoordinates.initialScale;
898 …_this6.controlCoordinates.limitOffsetX = (_this6.controlCoordinates.imgWidth * _this6.controlCoord…
899 …_this6.controlCoordinates.limitOffsetY = (_this6.controlCoordinates.imgHeight * _this6.controlCoor…
900 …_this6.controlCoordinates.targetOffsetX = _this6.controlCoordinates.imgWidth * _this6.controlCoord…
901 …_this6.controlCoordinates.targetOffsetY = _this6.controlCoordinates.imgHeight * _this6.controlCoor…
902 …if (Math.abs(_this6.controlCoordinates.targetOffsetX) === Math.abs(_this6.controlCoordinates.limit…
903 _this6.controlCoordinates.initialOffsetX = _this6.controlCoordinates.targetOffsetX;
904 … _this6.controlCoordinates.initialPointerOffsetX = _this6.controlCoordinates.pointerOffsetX;
906 …if (Math.abs(_this6.controlCoordinates.targetOffsetY) === Math.abs(_this6.controlCoordinates.limit…
907 _this6.controlCoordinates.initialOffsetY = _this6.controlCoordinates.targetOffsetY;
908 … _this6.controlCoordinates.initialPointerOffsetY = _this6.controlCoordinates.pointerOffsetY;
910 …_this6.setZoomData(_this6.controlCoordinates.initialScale, _this6.controlCoordinates.targetOffsetX…
911 …_this6.zoomPanElement(_this6.controlCoordinates.targetOffsetX + "px", _this6.controlCoordinates.ta…
916 if (event.type === 'mousemove' && _this6.controlCoordinates.mousedown) {
919 if (_this6.controlCoordinates.capture === false) return false;
920 _this6.controlCoordinates.pointerOffsetX = event.clientX;
921 _this6.controlCoordinates.pointerOffsetY = event.clientY;
922 _this6.controlCoordinates.targetScale = _this6.controlCoordinates.initialScale;
923 …_this6.controlCoordinates.limitOffsetX = (_this6.controlCoordinates.imgWidth * _this6.controlCoord…
924 …_this6.controlCoordinates.limitOffsetY = (_this6.controlCoordinates.imgHeight * _this6.controlCoor…
925 …_this6.controlCoordinates.targetOffsetX = _this6.controlCoordinates.imgWidth * _this6.controlCoord…
926 …_this6.controlCoordinates.targetOffsetY = _this6.controlCoordinates.imgHeight * _this6.controlCoor…
927 …if (Math.abs(_this6.controlCoordinates.targetOffsetX) === Math.abs(_this6.controlCoordinates.limit…
928 _this6.controlCoordinates.initialOffsetX = _this6.controlCoordinates.targetOffsetX;
929 … _this6.controlCoordinates.initialPointerOffsetX = _this6.controlCoordinates.pointerOffsetX;
931 …if (Math.abs(_this6.controlCoordinates.targetOffsetY) === Math.abs(_this6.controlCoordinates.limit…
932 _this6.controlCoordinates.initialOffsetY = _this6.controlCoordinates.targetOffsetY;
933 … _this6.controlCoordinates.initialPointerOffsetY = _this6.controlCoordinates.pointerOffsetY;
935 …_this6.setZoomData(_this6.controlCoordinates.initialScale, _this6.controlCoordinates.targetOffsetX…
936 …_this6.zoomPanElement(_this6.controlCoordinates.targetOffsetX + "px", _this6.controlCoordinates.ta…
938 if (!_this6.controlCoordinates.zoomed) {
939 _this6.controlCoordinates.swipeEnd = event.pageX || event.touches[0].pageX;
940 _this6.controlCoordinates.swipeYEnd = event.pageY || event.touches[0].pageY;
941 …_this6.controlCoordinates.swipeDiff = _this6.controlCoordinates.swipeStart - _this6.controlCoordin…
942 …_this6.controlCoordinates.swipeYDiff = _this6.controlCoordinates.swipeYStart - _this6.controlCoord…
943 if (_this6.options.animationSlide) {
944 _this6.slide(0, -_this6.controlCoordinates.swipeDiff + 'px');
949 if (_this6.isTouchDevice && event.type === 'touchend') {
950 _this6.controlCoordinates.touchCount = event.touches.length;
951 if (_this6.controlCoordinates.touchCount === 0) /* No touch */{
953 if (_this6.currentImage) {
954 …_this6.setZoomData(_this6.controlCoordinates.initialScale, _this6.controlCoordinates.targetOffsetX…
956 if (_this6.controlCoordinates.initialScale === 1) {
957 _this6.controlCoordinates.zoomed = false;
958 if (_this6.domNodes.caption.style.display === 'none') {
959 _this6.fadeIn(_this6.domNodes.caption, _this6.options.fadeSpeed);
962 _this6.controlCoordinates.initialPinchDistance = null;
963 _this6.controlCoordinates.capture = false;
964 } else if (_this6.controlCoordinates.touchCount === 1) /* Single touch */{
965 _this6.controlCoordinates.initialPointerOffsetX = event.touches[0].clientX;
966 _this6.controlCoordinates.initialPointerOffsetY = event.touches[0].clientY;
967 } else if (_this6.controlCoordinates.touchCount > 1) /* Pinch */{
968 _this6.controlCoordinates.initialPinchDistance = null;
971 if (_this6.controlCoordinates.mousedown) {
972 _this6.controlCoordinates.mousedown = false;
974 if (!_this6.options.loop) {
975 if (_this6.currentImageIndex === 0 && _this6.controlCoordinates.swipeDiff < 0) {
978 …if (_this6.currentImageIndex >= _this6.relatedElements.length - 1 && _this6.controlCoordinates.swi…
982 …if (Math.abs(_this6.controlCoordinates.swipeDiff) > _this6.options.swipeTolerance && possibleDir) {
983 _this6.loadImage(_this6.controlCoordinates.swipeDiff > 0 ? 1 : -1);
984 } else if (_this6.options.animationSlide) {
985 _this6.slide(_this6.options.animationSpeed / 1000, 0 + 'px');
987 …if (_this6.options.swipeClose && Math.abs(_this6.controlCoordinates.swipeYDiff) > 50 && Math.abs(_…
988 _this6.close();
993 if (_this6.isTouchDevice) return;
994 _this6.controlCoordinates.initialPointerOffsetX = event.clientX;
995 _this6.controlCoordinates.initialPointerOffsetY = event.clientY;
996 … _this6.controlCoordinates.containerHeight = _this6.getDimensions(_this6.domNodes.image).height;
997 … _this6.controlCoordinates.containerWidth = _this6.getDimensions(_this6.domNodes.image).width;
998 _this6.controlCoordinates.imgHeight = _this6.getDimensions(_this6.currentImage).height;
999 _this6.controlCoordinates.imgWidth = _this6.getDimensions(_this6.currentImage).width;
1000 _this6.controlCoordinates.containerOffsetX = _this6.domNodes.image.offsetLeft;
1001 _this6.controlCoordinates.containerOffsetY = _this6.domNodes.image.offsetTop;
1002 _this6.currentImage.classList.add('sl-transition');
1003 if (!_this6.controlCoordinates.zoomed) {
1004 _this6.controlCoordinates.initialScale = _this6.options.doubleTapZoom;
1005 _this6.setZoomData(_this6.controlCoordinates.initialScale, 0, 0);
1006 _this6.zoomPanElement(0 + "px", 0 + "px", _this6.controlCoordinates.initialScale);
1007 …if ((!_this6.domNodes.caption.style.opacity || _this6.domNodes.caption.style.opacity > 0) && _this…
1008 _this6.fadeOut(_this6.domNodes.caption, _this6.options.fadeSpeed);
1010 _this6.controlCoordinates.zoomed = true;
1012 _this6.controlCoordinates.initialScale = 1;
1013 _this6.setZoomData(_this6.controlCoordinates.initialScale, 0, 0);
1014 _this6.zoomPanElement(0 + "px", 0 + "px", _this6.controlCoordinates.initialScale);
1015 _this6.controlCoordinates.zoomed = false;
1016 if (_this6.domNodes.caption.style.display === 'none') {
1017 _this6.fadeIn(_this6.domNodes.caption, _this6.options.fadeSpeed);
1021 if (_this6.currentImage) {
1022 _this6.currentImage.classList.remove('sl-transition');
1023 _this6.currentImage.style[_this6.transitionPrefix + 'transform-origin'] = null;
1026 _this6.controlCoordinates.capture = true;