[RESOLVED] Image scale onclick

**Nemesis02** · 06-16-2012 10:16 AM

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">
<!-- saved from url=(0039)http://www.suresure.co.uk/Temp/BM3.html -->
<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>

**Suresure** · 06-16-2012 10:25 AM

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 !

**Nemesis02** · 06-16-2012 10:47 AM

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.

**Suresure** · 06-16-2012 11:04 AM

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

Thread: [RESOLVED] Image scale onclick

Thread Tools

Display

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions