MediaWiki:Gadget-DeferredDisplay.js

From JoJo's Bizarre Encyclopedia - JoJo Wiki
Revision as of 11:12, 7 August 2024 by Vish (talk | contribs) (Undo revision 983591 by Vish (talk))
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/**
 * Deferred display of {{tl|nsfw}}-tagged images.
 * jshint validation
 * @author Dschwen, 2013 / Vish, 2023
 */

$(document).ready(function() {
    // wrap non thumb images first
    $('img[alt*=NSFWTAG]').parent().add($('.thumbinner,.gallerybox')
    .has('.nsfwelement').find('.image').parent())
    .one('click', function (e) {
        e.preventDefault();
        $(this).css({
            backgroundImage: '',
            backgroundRepeat: '',
            backgroundPosition: '',
            backgroundSize: '',
            display: ''
        }).find('img').css({
            visibility: ''
        });
    })
    .css({
        backgroundImage: 'url("https://static.jojowiki.com/images/customizations/Dialog-warning-yellow.png")',
        backgroundRepeat: 'no-repeat',
        backgroundPosition: 'center',
        backgroundSize: 'contain',
        display: 'block'
    })
    .find('img').css({
        visibility: 'hidden'
    });
}(jQuery, mediaWiki));