Wikipedia guideline: checks for images wider than 400px or taller than 500px

2 files changed, 23 insertions, 0 deletions

diff --git a/guidelines/wikipedia/imageSize.js b/guidelines/wikipedia/imageSize.js
new file mode 100644
index 0000000..7000b0b
--- /dev/null
+++ b/guidelines/wikipedia/imageSize.js
@@ -0,0 +1,22 @@
+exports.name = "Large image";
+exports.description = "Images should be sized for comfortable display on the smallest displays in common use.";
+
+exports.rule = function(report) {
+  $5('#mw-content-text img').each(function() {
+    var $img = $(this);
+    if ($img.width() > 400 && !centered($img) && !locationNone($img)) {
+      report.warning('Image is more than 400px wide.  Consider using the "center" or "none" location options for wide images', this);
+    }
+    if ($img.height() > 500 && !centered($img) && !locationNone($img)) {
+      report.warning('Image is more than 500px tall.', this);
+    }
+  });
+};
+
+function centered($img) {
+  return $img.closest('.center').length > 0;
+}
+
+function locationNone($img) {
+  return !centered($img) && $img.closest('.tnone').length > 0;
+}
diff --git a/guidelines/wikipedia/wikipedia.json b/guidelines/wikipedia/wikipedia.json
index ee641b6..ea184cf 100644
--- a/guidelines/wikipedia/wikipedia.json
+++ b/guidelines/wikipedia/wikipedia.json
@@ -8,5 +8,6 @@
   , "color.js"
   , "spaceBetweenParagraphs.js"
   , "paragraphLength.js"
+  , "imageSize.js"
   ]
 }