|
|
| (3 intermediate revisions by the same user not shown) |
| Line 17: |
Line 17: |
|
| |
|
|
| |
|
| | mw.loader.using( ['mediawiki.util', 'jquery.client'], function() { |
| $(document).ready(function() { | | $(document).ready(function() { |
| var mycanvas2 = document.getElementById("mw-Mycanvas2"); | | $("#mw-Mycanvas2").click(function() { |
| mycanvas2.style.width = "500px";
| | if ($(this).attr("src").includes("TopSide")) { |
| mycanvas2.style.height = "300px";
| | $(this).attr("src", "https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142"); |
| mycanvas2.style.backgroundImage = 'url("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 { | | } else { |
| image.style.backgroundImage = 'url("https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600")'; | | $(this).attr("src", "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>';*/
| |