dieseltravis/bookmarklet.html

## readme.md

      
    Raw
  

              readme.md
            
          
    Bookmarklet:
🔃

  
## bookmarklet.html
<!doctype html>
<html><body>
<a href='javascript:[...document.querySelectorAll(".the-image img")].forEach(img=>img.setAttribute("style",(img.getAttribute("style")||"").replace(/transform:rotate\((\d+\.?\d*)turn\)/,(m,p1)=>"transform:rotate("+(+p1+0.25)+"turn)")||"transform:rotate(0.25turn)"));'>🔃</a>
</body></html>

## javascript.max.js
// get all of the post images
let imgNodes = document.querySelectorAll(".the-image img");
// convert the nodelist to an array
let imgArray = [...imgNodes];

imgArray.forEach(img => {
  // default to empty string if null
  let oldStyle = img.getAttribute("style") || "";
  // use a regex to match the rotation css
  let newStyle = oldStyle.replace(/transform:rotate\((\d+\.?\d*)turn\)/, (m, p1) => {
    // add a quarter-turn
    return "transform:rotate(" + (+p1 + 0.25) + "turn)";
  });
  // default to first clock-wise turn if empty
  let newStyle = newStyle || "transform:rotate(0.25turn)";

  img.setAttribute("style", newStyle);
});

## javascript.min.js
[...document.querySelectorAll(".the-image img")].forEach(img=>img.setAttribute("style",(img.getAttribute("style")||"").replace(/transform:rotate\((\d+\.?\d*)turn\)/,(m,p1)=>"transform:rotate("+(+p1+0.25)+"turn)")||"transform:rotate(0.25turn)"));
	<!doctype html>
	<html><body>
	<a href='javascript:[...document.querySelectorAll(".the-image img")].forEach(img=>img.setAttribute("style",(img.getAttribute("style")\|\|"").replace(/transform:rotate\((\d+\.?\d*)turn\)/,(m,p1)=>"transform:rotate("+(+p1+0.25)+"turn)")\|\|"transform:rotate(0.25turn)"));'>🔃</a>
	</body></html>
	// get all of the post images
	let imgNodes = document.querySelectorAll(".the-image img");
	// convert the nodelist to an array
	let imgArray = [...imgNodes];

	imgArray.forEach(img => {
	// default to empty string if null
	let oldStyle = img.getAttribute("style") \|\| "";
	// use a regex to match the rotation css
	let newStyle = oldStyle.replace(/transform:rotate\((\d+\.?\d*)turn\)/, (m, p1) => {
	// add a quarter-turn
	return "transform:rotate(" + (+p1 + 0.25) + "turn)";
	});
	// default to first clock-wise turn if empty
	let newStyle = newStyle \|\| "transform:rotate(0.25turn)";

	img.setAttribute("style", newStyle);
	});