fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-03 08:41:39 +09:00
Code Issues Projects Releases Packages Wiki Activity

Fix stretching of image on mobile

Browse source
This commit is contained in:
Kijin Sung 2025-09-30 22:35:10 +09:00
parent 653ca4f697
commit 32c9c91b82
1 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
addons/photoswipe/rx_photoswipe.js
View file

@ -25,7 +25,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
// CSS selector for photoswipe items. // CSS selector for photoswipe items.
var ps_find_selector = 'img:not(' + ps_skip_elements + ps_skip_class + '), img' + ps_enroll_class; var ps_find_selector = 'img:not(' + ps_skip_elements + ps_skip_class + '), img' + ps_enroll_class;
// parse slide data (url, title, size ...) from DOM elements // parse slide data (url, title, size ...) from DOM elements
// (children of gallerySelector) // (children of gallerySelector)
var parseThumbnailElements = function(el) { var parseThumbnailElements = function(el) {
var imgElements = $(el).find(ps_find_selector), var imgElements = $(el).find(ps_find_selector),
@ -39,7 +39,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
imgEl = imgElements.get(i); // <img> element imgEl = imgElements.get(i); // <img> element
// include only element nodes // include only element nodes
if (imgEl.nodeType !== 1 || !imgEl.src || !$(imgEl).attr('data-pswp-pid')) { if (imgEl.nodeType !== 1 || !imgEl.src || !$(imgEl).attr('data-pswp-pid')) {
continue; continue;
} }
@ -56,11 +56,11 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
var ps_skip_alt_class = '.photoswipe-no-caption'; var ps_skip_alt_class = '.photoswipe-no-caption';
if(imgEl.alt && !$(imgEl).is(ps_skip_alt_class)) { if(imgEl.alt && !$(imgEl).is(ps_skip_alt_class)) {
item.title = imgEl.alt; item.title = imgEl.alt;
} }
if(imgEl.title && !$(imgEl).is(ps_skip_alt_class)) { if(imgEl.title && !$(imgEl).is(ps_skip_alt_class)) {
item.title = imgEl.title; item.title = imgEl.title;
} }
item.el = imgEl; // save link to element for getThumbBoundsFn item.el = imgEl; // save link to element for getThumbBoundsFn
@ -87,7 +87,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
if(!clickedListItem) { if(!clickedListItem) {
return; return;
} }
e = e || window.event; e = e || window.event;
e.preventDefault ? e.preventDefault() : e.returnValue = false; e.preventDefault ? e.preventDefault() : e.returnValue = false;
@ -108,8 +108,8 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
}*/ }*/
for (var i = 0; i < numChildNodes; i++) { for (var i = 0; i < numChildNodes; i++) {
if(childNodes[i].nodeType !== 1 || !$(childNodes[i]).attr('data-pswp-pid')) { if(childNodes[i].nodeType !== 1 || !$(childNodes[i]).attr('data-pswp-pid')) {
continue; continue;
} }
if(childNodes[i] === clickedListItem) { if(childNodes[i] === clickedListItem) {
@ -140,7 +140,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
if(!vars[i]) { if(!vars[i]) {
continue; continue;
} }
var pair = vars[i].split('='); var pair = vars[i].split('=');
if(pair.length < 2) { if(pair.length < 2) {
continue; continue;
} }
@ -172,7 +172,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
// See Options -> getThumbBoundsFn section of documentation for more info // See Options -> getThumbBoundsFn section of documentation for more info
var thumbnail = items[index].el, var thumbnail = items[index].el,
pageYScroll = window.pageYOffset || document.documentElement.scrollTop, pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
rect = thumbnail.getBoundingClientRect(); rect = thumbnail.getBoundingClientRect();
return {x:rect.left, y:rect.top + pageYScroll, w:rect.width}; return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
}, },
@ -191,7 +191,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
// PhotoSwipe opened from URL // PhotoSwipe opened from URL
if(fromURL) { if(fromURL) {
if(options.galleryPIDs) { if(options.galleryPIDs) {
// parse real index when custom PIDs are used // parse real index when custom PIDs are used
// http://photoswipe.com/documentation/faq.html#custom-pid-in-url // http://photoswipe.com/documentation/faq.html#custom-pid-in-url
for(var j = 0; j < items.length; j++) { for(var j = 0; j < items.length; j++) {
if(items[j].pid == index) { if(items[j].pid == index) {
@ -232,6 +232,7 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
var regx_skip = /(?:(modules|addons|classes|common|layouts|libs|widgets|widgetstyles)\/)/i; var regx_skip = /(?:(modules|addons|classes|common|layouts|libs|widgets|widgetstyles)\/)/i;
var regx_allow_i6pngfix = /(?:common\/tpl\/images\/blank\.gif$)/i; var regx_allow_i6pngfix = /(?:common\/tpl\/images\/blank\.gif$)/i;
var isMobile = String(navigator.userAgent).match(/mobile/i);
var galleryImgEls = $(galleryElements[i]).find(ps_find_selector); var galleryImgEls = $(galleryElements[i]).find(ps_find_selector);
for(var j = 0, jl = galleryImgEls.length; j < jl; j++) { for(var j = 0, jl = galleryImgEls.length; j < jl; j++) {
// skip components // skip components
@ -240,6 +241,11 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
//$(galleryImgEls[j]).attr('data-pswp-uid', i+1); //$(galleryImgEls[j]).attr('data-pswp-uid', i+1);
$(galleryImgEls[j]).attr('data-pswp-pid', j+1); $(galleryImgEls[j]).attr('data-pswp-pid', j+1);
// Fix stretching of image on mobile
if (isMobile) {
galleryImgEls[j].style.height = 'auto';
galleryImgEls[j].height = null;
}
} }
} }