Utilisateur:Seudo/commandesImages.js

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

/* Pas pratique du tout. Il vaut mieux utiliser une feuille de style utilisateur
avec l'extension Stylish. */

/* Code expérimental pour rajouter deux commandes en haut de page
qui affichent ou masquent les images. Voir la dernière ligne pour 
afficher ou pas les images par défaut. */

var hideImgCssRule = "img { display: none !important; }";
function cacher_images() {
	document.styleSheets[0].insertRule(hideImgCssRule);
}

function afficher_images() {
	for(var i = 0 ; i < document.styleSheets[0].cssRules.length - 1 ; i++) { 
		var cssRule = document.styleSheets[0].cssRules[i];
		if(cssRule.selectorText == "img" && cssRule.cssText == hideImgCssRule) { 
			document.styleSheets[0].deleteRule(cssRule);  
		}
	}
}

function addCommande(libelle, id, desc, fn) {
	mw.util.addPortletLink("p-cactions", "#", libelle, id, desc);
	$('#' + id).on('click', function(e) { fn(e); });
}

$(function($) {
	addCommande("Cacher les images", "sd-cacher-images", "Cacher les images", cacher_images);
	addCommande("Afficher les images", "sd-afficher-images", "Afficher les images", afficher_images);
	/* La ligne suivante masque les images au chargement de la page.  */
	cacher_images();
});