[RESOLVED] Image scale onclick

Printable View

Show 40 post(s) from this thread on one page

06-16-2012, 10:16 AM
Nemesis02

Ok, had to switch over to my laptop, can't debug stuff from my phone lol.

This should work for you.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <style type="text/css"> img:hover{ cursor: pointer; } </style> <script type="text/javascript"> function toggle(el) { if (el.class === undefined) { el.class = ""; } if (el.class !== undefined && el.class.match(/enlarged/) === null) { el.class += " enlarged"; el.width = el.width * 2; el.height = el.height * 2; } else { el.class = el.class.replace(/\senlarged/,""); el.width = el.width / 2; el.height = el.height / 2; } return true; } </script> <style type="text/css"></style></head> <body> <img src="./BM3_files/biscuitman.svg" onclick="toggle(this)"> <img src="./BM3_files/biscuitman.svg" onclick="toggle(this)"> </body><link rel="stylesheet" type="text/css" href="data:text/css,"></html>
06-16-2012, 10:25 AM
Suresure

IT WORKS! Ha! Genius - thanks so much! I've dropped the el.height = el.height lines - it distorts some of the spacing, but that's a really lovely, clean bit of code. Thanks a lot - can't believe you were answering from your phone - cheers !
06-16-2012, 10:47 AM
Nemesis02

You can actually use this,

Code:

function toggle(el) { if (el.class === undefined) { el.class = ""; } if (el.class.match(/enlarged/) === null) { el.class += " enlarged"; el.width = el.width * 2; el.height = el.height * 2; } else { el.class = el.class.replace(/\senlarged/,""); el.width = el.width / 2; el.height = el.height / 2; } return true; }

Having that el.class !== undefined is redundant since you check it in the line before.
06-16-2012, 11:04 AM
Suresure

Thanks - that's extra nice! I'll show you when I get the content in place. Thanks again!

Show 40 post(s) from this thread on one page