Comments on: Fading Links Using jQuery: dwFadingLinks

By: Forsberg

Forsberg — Wed, 21 Mar 2012 15:06:29 +0000

…or you just use css3:
-moz-transition: color 0.7s ease-in 0s;

By: Gawl

Gawl — Thu, 11 Aug 2011 11:37:05 +0000

I’ve try to applied this to an image, but it’s not working. How can I make this works for images?

By: Cheap Balenciaga handbags

Cheap Balenciaga handbags — Tue, 19 Jul 2011 10:10:27 +0000

Hello, i think which i saw you frequented my own blog site so i found ???return the favor??à.I will be trying to find things to boost my personal web site!I guess its ok to utilize some of your ideas!!

By: computer services jacksonville

computer services jacksonville — Tue, 07 Jun 2011 18:07:36 +0000

This was a great post, thanks for the info.

By: Sweb

Sweb — Mon, 16 May 2011 17:29:14 +0000

I have one problem, because when I insert the code, the effect is applied and the image-link … and it’s not good … but the effect is excellent. I do not know if I need something to change the js?

By: T Brendan

T Brendan — Sat, 07 May 2011 01:47:56 +0000

Could anyone tell me if there is a way to tweak the javascript so that the fade in is instant (like a regular hover) but the fade out is the animated fade?

Thanks!

By: Stefan

Stefan — Fri, 26 Nov 2010 15:40:09 +0000

Oh yeah, I´m a f00! Haha. That link should look like thislink

By: Stefan

Stefan — Fri, 26 Nov 2010 15:37:03 +0000

I solved that hover problem for me. My links now have the class “css” with the ususal settings for color in case Javascript should be disabled.

a { color: #000; }
a.css:link { color: #000; }
a.css:visited { color: #000; }
a.css:hover { color: #25BAE2; }
a.css:active { color: #000; }

My links now use two classes: my „css“ and daves „fade“
link

Then I tweaked daves script like this:

$(document).ready(function() {
$(‘a’).removeClass(“css”);
$(‘.fade’).dwFadingLinks({
color: ‘#25BAE2′,
duration: 125
});
});

Now, if javascript is enabled, jQuery removes the class “css” from my links and thus disables the css-hover.

Seems to work!

By: Nick

Nick — Sat, 19 Jun 2010 02:42:20 +0000

This is a nice script dave, but there are a few problems. If a hover state is defined in CSS the transition doesn’t work initially. If you don’t have a hover state defined and someone has JavaScript disabled then there is no hover state at all. This is problematic.

Any work-around for a gracefully degrading version of this? It would also be nice if it just faded the CSS. Rather than defining it in the JS itself.

By: Marius

Marius — Thu, 10 Jun 2010 15:20:38 +0000

How can i integrate this in phpbb3 ?