MediaWiki:Common.js: Difference between revisions

MediaWiki:Common.js (view source)

Revision as of 10:30, 19 March 2023

658 bytes added , 19 March 2023

ਕੋਈ ਸੋਧ ਸਾਰ ਨਹੀਂ

Peter wood

Bots, Bureaucrats, Interface administrators, Suppressors, Administrators

285

edits

@@ Line 17: / Line 17: @@
-function changeImage() {
+$(document).ready(function() {
-  var image = document.getElementById("mw-Mycanvas2");
+  var mycanvas2 = document.getElementById("mw-Mycanvas2");
-  if (image.src.match("20mmSoundKnot_TopSide.jpg")) {
+  mycanvas2.style.width = "500px";
-    image.src = "https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142";
+  mycanvas2.style.height = "300px";
-  } else {
+  mycanvas2.style.backgroundImage = 'url("https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600")';
-    image.src = "https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600";
+  mycanvas2.style.backgroundSize = "contain";
+  mycanvas2.style.backgroundRepeat = "no-repeat";
+  mycanvas2.style.backgroundPosition = "center";
+  mycanvas2.addEventListener("click", changeImage);
+  function changeImage() {
+    var image = document.getElementById("mw-Mycanvas2");
+    if (image.style.backgroundImage === 'url("https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600")') {
+      image.style.backgroundImage = 'url("https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142")';
+    } else {
+      image.style.backgroundImage = 'url("https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600")';
+    }
    }
-}
+});
 /*document.getElementById('mw-Mycanvas').innerHTML = '<canvas width="100" height="100" style="border:1px solid red;"></canvas>';*/