• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Changes

Jump to navigation Jump to search
m
no edit summary
Line 335: Line 335:  
//})
 
//})
   −
// Basic webp support
+
// Basic video support using <img> and <video> elements
   −
$('.webp').each(function () {
+
$('.video').each(function () {
var a = $('<a>').addClass('image').attr('href', '/File:' + $(this).data('src'));
+
var src = $(this).data('src') || '';
var img = $('<img>');
+
var parts = src.split('.');
for (var attr in $(this).data()) {
+
var ext = parts[parts.length - 1] || '';
img.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr));
+
if (ext === 'webp') {
 +
var a = $('<a>').addClass('image').attr('href', '/File:' + src);
 +
var img = $('<img>');
 +
for (var attr in $(this).data()) {
 +
img.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr));
 +
}
 +
a.append(img);
 +
      $(this).append(a);
 +
} else {
 +
var video = $('<video>').attr('controls', '');
 +
var source = $('<source>').attr('type', 'video/' + ext);
 +
for (var attr in $(this).data()) {
 +
var el = attr === 'src' || attr === 'type' ? source : video;
 +
el.attr(attr, (attr === 'src' ? 'https://en.kancollewiki.net/Special:Filepath/' : '') + $(this).data(attr));
 +
}
 +
video.append(source);
 +
      $(this).append(video);
 
}
 
}
a.append(img);
  −
      $(this).append(a);
   
});
 
});
    
});
 
});
cssedit, gkautomate
6,928

edits

Navigation menu