Comments on: How To Make Fast Hover Effects http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/ Tips on blogging, design and the IT industry. Wed, 19 Nov 2008 22:46:30 +0000 http://wordpress.org/?v=2.5.1 By: Ryan http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/#comment-1181 Ryan Thu, 20 Dec 2007 19:56:35 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-1181 Hey Jon, cool tip. Another handy one, if you're not looking to combined the images (for whatever reason), is to assign the image as the background of some random element (DIV, or whatever) that doesn't require a background image - and then position it way off screen. Then have it load as a hoverover the same as you normally would, but it's already loaded and cached, so it loads quickly. Hey Jon, cool tip. Another handy one, if you’re not looking to combined the images (for whatever reason), is to assign the image as the background of some random element (DIV, or whatever) that doesn’t require a background image - and then position it way off screen. Then have it load as a hoverover the same as you normally would, but it’s already loaded and cached, so it loads quickly.

]]> By: Jon Marks http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/#comment-1033 Jon Marks Mon, 17 Dec 2007 22:24:09 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-1033 For a shamelessly quick'n'dirty solution, in your WYSIWYG editor, just reduce the second version of the image to a tiny dot at the bottom of the page that nobody will notice. In spite of being reduced to a dot, the image loads with everything else in the page, and appears instantly when the mouse hovers on the first version. Purists may go "Yuk", but you can see from the homepage of my rubbish site that the dot isn't intrusive: eltgames.com. For a shamelessly quick’n'dirty solution, in your WYSIWYG editor, just reduce the second version of the image to a tiny dot at the bottom of the page that nobody will notice. In spite of being reduced to a dot, the image loads with everything else in the page, and appears instantly when the mouse hovers on the first version. Purists may go “Yuk”, but you can see from the homepage of my rubbish site that the dot isn’t intrusive: eltgames.com.

]]> By: Ryan http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/#comment-464 Ryan Tue, 25 Sep 2007 16:07:32 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-464 Hey Lori, I've used it extensively with IE 6 and above and not had a problem (I generally <a href="http://www.daobydesign.com/blog/2007/06/30/detect-redirect-script-for-internet-explorer-ie/" rel="nofollow">don't support less than IE 6</a> - there's no reason, in my opinion, for anyone to be using that junk). Are the problems you're having for a version below that? And exactly what is the issue? Hey Lori, I’ve used it extensively with IE 6 and above and not had a problem (I generally don’t support less than IE 6 - there’s no reason, in my opinion, for anyone to be using that junk).

Are the problems you’re having for a version below that? And exactly what is the issue?

]]> By: Lori http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/#comment-463 Lori Tue, 25 Sep 2007 15:19:06 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-463 Did a variation of this on a website that is being constructed for work... works great in Firefox, but doesn't display correctly in IE. Are there any hacks available or help that I could get? The effect looks REALLY good and I would like to be able to use it in both browsers. Did a variation of this on a website that is being constructed for work… works great in Firefox, but doesn’t display correctly in IE. Are there any hacks available or help that I could get? The effect looks REALLY good and I would like to be able to use it in both browsers.

]]> By: Lonnie http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/#comment-245 Lonnie Thu, 09 Aug 2007 09:43:19 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-245 Great stuff Ryan.... Hey, is the Guide site your biz or a design? I am doing something similar here in GZ...Let's talk soon... L Great stuff Ryan….

Hey, is the Guide site your biz or a design? I am doing something similar here in GZ…Let’s talk soon…

L

]]> By: Alex http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/#comment-131 Alex Thu, 02 Aug 2007 03:02:46 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-131 Quite nice. I'd seen this used on a menu background once, but never worked out why, now I understand. Quite nice. I’d seen this used on a menu background once, but never worked out why, now I understand.

]]> By: Shaun http://www.daobydesign.com/blog/2007/08/how-to-make-fast-hover-effects/#comment-128 Shaun Wed, 01 Aug 2007 16:22:23 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-128 Just moving a single image upon hover is not one technique I've heard of before. I may have to try it out. Just moving a single image upon hover is not one technique I’ve heard of before. I may have to try it out.

]]>