Comments on: How To Make Fast Hover Effects http://www.daobydesign.com/blog/tips/graphic-web-design/how-to-make-fast-hover-effects/ Creative, Custom CMS web design services Thu, 02 Feb 2012 21:01:40 +0000 hourly 1 By: Nilesh Mhatre http://www.daobydesign.com/blog/tips/graphic-web-design/how-to-make-fast-hover-effects/#comment-7513 Nilesh Mhatre Fri, 30 Oct 2009 06:17:12 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-7513 how to slove the div hover effect in IE6 any hack availble for that let me know.. Thanks in advance Nilesh Mhatre how to slove the div hover effect in IE6 any hack availble for that let me know..

Thanks in advance
Nilesh Mhatre

]]> By: Brian http://www.daobydesign.com/blog/tips/graphic-web-design/how-to-make-fast-hover-effects/#comment-6550 Brian Tue, 24 Mar 2009 00:32:57 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-6550 Hey thnx man i appreciate that you have took the time to learn us this effect. Now i know how to do , couse when i maked them they were slow , couse i had no display:block ;) Thnx again Greetz Brian. Hey thnx man i appreciate that you have took the time to learn us this effect.
Now i know how to do , couse when i maked them they were slow , couse i had no display:block ;)

Thnx again

Greetz Brian.

]]> By: Gabe http://www.daobydesign.com/blog/tips/graphic-web-design/how-to-make-fast-hover-effects/#comment-6424 Gabe Wed, 11 Feb 2009 20:24:48 +0000 http://www.daobydesign.com/blog/2007/08/01/how-to-make-fast-hover-effects/#comment-6424 Hey, I tried this as opposed to using two separate images, but for some reason, both versions (on and off) show when I load my page. Any idea what I am doing wrong? Hey, I tried this as opposed to using two separate images, but for some reason, both versions (on and off) show when I load my page. Any idea what I am doing wrong?

]]> By: Ryan http://www.daobydesign.com/blog/tips/graphic-web-design/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/tips/graphic-web-design/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/tips/graphic-web-design/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/tips/graphic-web-design/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/tips/graphic-web-design/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/tips/graphic-web-design/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/tips/graphic-web-design/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.

]]>