Difference between revisions of "MediaWiki:Common.js"
Jump to navigation
Jump to search
| Line 11: | Line 11: | ||
var script = document.createElement('script'); | var script = document.createElement('script'); | ||
script.src = '/w/resources/lightbox2/lightbox.min.js'; | script.src = '/w/resources/lightbox2/lightbox.min.js'; | ||
| + | script.onload = function () { | ||
| + | if (window.lightbox) { | ||
| + | lightbox.option({ | ||
| + | fadeDuration: 200, | ||
| + | resizeDuration: 200, | ||
| + | wrapAround: true | ||
| + | }); | ||
| + | } | ||
| + | }; | ||
document.body.appendChild(script); | document.body.appendChild(script); | ||
}); | }); | ||
| Line 22: | Line 31: | ||
var caption = $link.closest('.gallerybox').find('.gallerytext').text().trim(); | var caption = $link.closest('.gallerybox').find('.gallerytext').text().trim(); | ||
| − | if (caption) { | + | if (caption) { |
| − | + | caption += "<br><small style='display:block;margin-top:5px;font-size:9px;color:#ccc;'>[press ESC or click out to exit | use ← and → to browse]</small>"; | |
| − | + | $link.attr('data-title', caption); | |
| − | } | + | } |
| − | |||
| − | |||
}); | }); | ||
}); | }); | ||
Revision as of 17:40, 23 May 2025
/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.using('jquery').then(function() {
// Load Lightbox2 CSS
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = '/w/resources/lightbox2/lightbox.css'; // or .min.css
document.head.appendChild(link);
// Load Lightbox2 JS
var script = document.createElement('script');
script.src = '/w/resources/lightbox2/lightbox.min.js';
script.onload = function () {
if (window.lightbox) {
lightbox.option({
fadeDuration: 200,
resizeDuration: 200,
wrapAround: true
});
}
};
document.body.appendChild(script);
});
mw.hook('wikipage.content').add(function($content) {
$content.find('.gallerybox a.image').each(function() {
var $link = $(this);
var fileUrl = $link.find('img').attr('src').replace(/thumb\//, '').replace(/\/[^\/]+$/, '');
$link.attr('href', fileUrl);
$link.attr('data-lightbox', 'gallery');
var caption = $link.closest('.gallerybox').find('.gallerytext').text().trim();
if (caption) {
caption += "<br><small style='display:block;margin-top:5px;font-size:9px;color:#ccc;'>[press ESC or click out to exit | use ← and → to browse]</small>";
$link.attr('data-title', caption);
}
});
});
