Comments on: Using Opacity to Show Focus with jQuery

By: Jonathan

Jonathan — Mon, 17 Oct 2011 13:27:12 +0000

Hi, is there a way to start with everything faded on a page, highlighting a particular div. Then when a user clicks away from the div, the opacity for everything else returns to normal?

Many thanks

By: Johnathan

Johnathan — Thu, 15 Sep 2011 15:21:03 +0000

This is a great script — just spent the better part of the morning trying to do the same thing, using several “cheap work-arounds”, as I’m not really a programmer. This is really nice! You also have lots of other great scripts — Thank you for sharing.

By: silverpen

silverpen — Sun, 13 Mar 2011 21:54:52 +0000

Is there any tweaks I can do to get this to coincide with jQuery collapse/expand?
http://www.adipalaz.com/experiments/jquery/expand.html

I’m making a database for users to submit items for archival purposes. Since there will be many categories, I’d love to have the categories separated and collapsed then expanded when clicked upon. After expansion, use this jQuery focus when they hover over an item and its details.

As of now, the jQuery focus doesn’t work when placed inside any version of a jQuery code that expands/collapses the content.

By: Luinet

Luinet — Fri, 25 Feb 2011 20:32:40 +0000

Gracias muy bueno……

By: Daniel Due

Daniel Due — Wed, 09 Feb 2011 15:35:04 +0000

Best effect I’ve found since lightbox..

It really makes a website classy.. ;)

Although, IE8 and 7 won’t show it properly, my text is fucked up, when the hovering starts.. Lets hope, they fix it in IE9.. (Although I really doubt it). Since, microsoft, cares so little of webstandards.

By: Alan Mabry

Alan Mabry — Tue, 14 Sep 2010 18:26:10 +0000

David,

Thank you for the great post. I have created an article which shows how to integrate your jQuery Opacity / Focus demo in Drupal with views.

http://breakingdevelopment.co/box/how-integrate-jquery-drupal-views-opacity-show-focus

The goal was to show how to modify views and page template files to incorporate jQuery without having to write a module or use a module that already exists.

Thank you for your indirect contribution to the Drupal community.

Alan Mabry
Partner
Breaking Development
http://www.breakingdevelopment.co

By: Magbic Aleman

Magbic Aleman — Tue, 07 Sep 2010 17:21:29 +0000

I don’t know if any one cares to have this, but I translated this too mootools 1.2.4. Probably not the most optimized code, but it works.

iconAnchors.addEvents({
‘mouseenter’ : function(){
iconAnchors.fade(.3);
this.fade(‘in’);
},
‘mouseleave’ : function(){
iconAnchors.fade(‘in’);
}
});

By: Joey William S.

Joey William S. — Fri, 30 Apr 2010 22:28:28 +0000

Very cool! Nie effect… Thanks!

By: chip

chip — Tue, 23 Mar 2010 15:27:39 +0000

I’m using this for the first time on a client site. Everything works great except when I make the images linked. The fade doesn’t work in safari. Is there a work around?
Seems Marc had the same problem in IE8. I got it to work in IE7 though.

Thank you very much, btw.

By: Marc

Marc — Sun, 31 Jan 2010 14:04:22 +0000

Thanks a lot for this. Was all working great for me until I looked at it in IE8 – it works as you have it but if you add links to the images then the effect stops working – any way to fix this?