MediaWiki:Common.js: Difference between revisions

Line 5:

if (!slideshow) return;

// ~~Clear out any rogue inline styles~~

// Remove bad positioning injected by original slideshow JS

slideshow.style.position = 'relative'; ~~// Let it sit naturally inside mw-jsslideshow~~

slideshow.style.position = 'relative';

slideshow.style.left = '0';

slideshow.style.top = '0';

slideshow.style.transform = '';

slideshow.style.transform = 'none';

// ~~Make sure~~ mw-jsslideshow ~~fits around slideshow~~

// Let mw-jsslideshow size to fit its parent, no forced widths

mwSlideshow.style.width = slideshow.~~scrollWidth +~~ 'px';

mwSlideshow.style.width = '100%';

~~mwSlideshow~~.style.height = slideshow.~~scrollHeight +~~ 'px';

mwSlideshow.style.height = 'auto';

~~mwSlideshow~~.style.~~margin~~ = '0 auto'; // ~~Center the whole box horizontally~~

// Allow slideshow div to naturally flow within mw-jsslideshow

slideshow.style.width = '100%';

slideshow.style.height = 'auto';

// Reset each slide div to flow properly

/*

slideshow.querySelectorAll('div').forEach(slide => {

slide.style.width = '100%';

slide.style.height = 'auto';

slide.style.display = 'flex';

slide.style.justifyContent = 'center';

slide.style.alignItems = 'center';

});

*/

// Reset images to behave like good responsive citizens

slideshow.querySelectorAll('img').forEach(img => {

img.style.width = '100%';

img.style.height = 'auto';

img.style.objectFit = 'contain';

img.style.display = 'block';

});

}

// Center each individual image inside each slide

Line 27:

Line 49:

img.style.maxWidth = '100%';

img.style.height = '~~100%~~';

img.style.height = 'auto';

img.style.objectFit = 'contain';

}