automatic, more semantic image hovering
Views: 514I can't stand editing pages with those hard-coded, god-forsaken [img onmouseout="MM_replace(...);" onmouseover="MM_Replace(...)" ... ] tags. I don't mind throwing a little javascript into the midst of my HTML document, but that's just excessive, and entirely too static, too. Making an image hover should not be that difficult.
So I came up with this quick hack that should probably be fleshed out a lot more. Basically, you set up the image as you normally would, but give it a special class and a sort-of special name. Once the page is loaded, javascript looks through for all images with that class, uses the .src to figure out the name of the hovered version, preloads it (for caching), and attaches the requisite onmouseover and onmouseout events.
This uses behaviour, though there are a number of other, similar methods of getting the img tags that have a particular class names.
-
var preload_array = Array();
-
-
var initList = {
-
'img.hover' : function (el) {
-
preload_array[preload_array.length] = new Image();
-
preload_array[preload_array.length - 1].src = el.src.replace(/up/, 'dn');
-
-
el.onmouseover = function () {
-
this.src = this.src.replace(/up/, 'dn');
-
}
-
-
el.onmouseout = function () {
-
this.src = this.src.replace(/dn/, 'up');
-
}
-
}
-
}
-
-
Behaviour.register(initList);
September 3rd, 2007 at 5:58 am
ANN-MARIE STILLION…
Useful, thank you!…
January 13th, 2008 at 12:09 pm
luphz hnbce qczxpm unqdmhb ayzc fqau pxquvil
January 13th, 2008 at 12:10 pm
upnwjghb ecsdvzni ncfp fyzkslrv vrothsglx toge thpdbogy http://www.baogfvn.ewvf.com
January 14th, 2008 at 12:26 pm
Nice site. Thank you:-)
http://usephen.blog.ca buy phentermine without prescription
January 16th, 2008 at 2:35 pm
Nice site. Thank you!!!
http://users.newblog.com/casinonodeposit BeTheCasino - Up $999 Match up Bonus
January 17th, 2008 at 4:53 pm
Cool site. Thanks.
http://users.newblog.com/jcpenney jcpenney
January 17th, 2008 at 7:32 pm
Good site. Thanks!!!
http://users.newblog.com/jcpenneycoupons jc penney
January 17th, 2008 at 7:49 pm
Nice site. Thank you!
http://users.newblog.com/jcpenneycoupons jc penney
January 17th, 2008 at 10:08 pm
Good site. Thanks:-)
http://users.newblog.com/kitchendesign kitchen design
February 7th, 2008 at 4:49 pm
Very good site. Thanks:-)
http://users.newblog.com/ringtones_verizon free verizon ringtones
February 7th, 2008 at 5:23 pm
Good site. Thanks.
http://users.newblog.com/ringtonestracfone free tracfone ringtones
February 7th, 2008 at 9:54 pm
Very good site. Thank you:-)
http://users.newblog.com/meridiapurchase meridia y721 purchase
February 7th, 2008 at 10:01 pm
Good site. Thanks!!!
http://users.newblog.com/meridiapurchase meridia y721 purchase
February 8th, 2008 at 12:37 am
Cool site. Thanks!!!
http://users.newblog.com/ephedra_purchase purchase hyggr ephedra
February 8th, 2008 at 1:32 am
Nice site. Thanks.
http://users.newblog.com/buyephedrinepure ephedrine kmm8
February 8th, 2008 at 1:32 am
Nice site. Thanks.
http://users.newblog.com/buyephedrinepure ephedrine kmm8
February 8th, 2008 at 1:56 am
http://my1purelove.com6088.lookera.net
February 8th, 2008 at 2:03 am
Cool site. Thanks:-)
http://users.newblog.com/purchasefreerx purchase iuy6phentermine
February 8th, 2008 at 2:04 am
Cool site. Thanks.
http://users.newblog.com/purchasefreerx purchase iuy6phentermine
February 8th, 2008 at 2:22 am
Good site. Thank you.
http://users.newblog.com/bathroomremodeling bathroom remodeling
February 8th, 2008 at 2:39 am
Useful site. Thanks.
http://users.newblog.com/bathroomremodeling bathroom remodeling
February 8th, 2008 at 2:39 am
Useful site. Thanks.
http://users.newblog.com/bathroomremodeling bathroom remodeling
February 8th, 2008 at 2:56 am
Cool site. Thank you.
http://users.newblog.com/bathroomremodeling bathroom remodeling
February 8th, 2008 at 3:08 am
Cool site. Thank you!
http://users.newblog.com/purchase_valtrex valtrex
February 8th, 2008 at 7:05 am
Useful site. Thank you.
http://bathroomremodeling.lookera.net bathroom remodeling ideas
February 8th, 2008 at 4:45 pm
Useful site. Thanks.
http://xanaxdonli.forum5.com fressalloi8
February 8th, 2008 at 4:45 pm
Useful site. Thanks.
http://xanaxdonli.forum5.com fressalloi8
February 8th, 2008 at 5:19 pm
Useful site. Thanks:-)
http://levitradrug.forum5.com no prescription phentermine
February 9th, 2008 at 7:24 am
Very good site. Thanks.
http://cocakola.forumlivre.com percocet
February 15th, 2008 at 6:06 am
vgiyws plujimvy tkcpovdf szkwd plzgw nvwleyous nxsm
February 15th, 2008 at 6:07 am
dceg cfjqs zuofban bnwp ugripvc autvhfxse qivjm http://www.dtrobsglu.pexgyidvz.com
February 15th, 2008 at 6:19 am
yizjwrxq vuhe dnyqv cipkq krzh awvkyejq cuwtxpmq
February 15th, 2008 at 6:20 am
rmfyuipn tysrkpnc xwgjiu afbspzq rlnczmw yqxwzle lfcp http://www.zrucv.lxofuz.com
February 15th, 2008 at 1:28 pm
Very good site. Thanks!
http://users.newblog.com/nexiumpurchase nexium
February 15th, 2008 at 9:51 pm
Cool site. Thank you!!
http://purchaselipitor.forumup.name lipitor
February 16th, 2008 at 12:34 am
Good site. Thanks.
http://phpbbi.com/?mforum=seroqueldrug seroquel
February 16th, 2008 at 12:58 am
Useful site. Thanks!
http://users.newblog.com/oxycodoneapap oxycodone
February 16th, 2008 at 4:44 am
Cool site. Thanks.
http://www.forumup.name/?mforum=cozaar cozaar