Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

In Firefox, I'm looking for a way to:

  1. fade, or add a certain amount of transparency to all images, with the possibility to temporary disable this when I hover the image with the mouse pointer
  2. forget images according to a hash of their content and display a nice (transparent?) placeholder instead.
share|improve this question

migrated from webapps.stackexchange.com Mar 30 '12 at 9:08

This question came from our site for power users of web applications.

1  
you may consider using adblock but it doesn't fit exactly to your needs – JMax Mar 30 '12 at 8:57
    
I was going to recommend adblock as well, but it doesn't do at all what you're looking to do. – Raystafarian Mar 30 '12 at 11:38
up vote 2 down vote accepted

Are you able to use jQuery at all. If so you can do a global select

$(function(){
    $('.classSelector').not('.omittedClasses').each(function(){
        $(this).fadeTo(100, 0.2).mouseenter(function() { $(this).fadeTo(100, 1) }).mouseleave(function() { $(this).fadeTo(100, 0.2) });
    });
});​

Have a look at this working example http://jsfiddle.net/WFvZn/

share|improve this answer
    
Then I guess applying this script, with the good selector to every page in Firefox, is a job for Greasemonkey ? – alecail Mar 30 '12 at 11:00
    
There is a zero width space in your code: Octal Escape Sequence \342\200\213, see graphemica.com/200B. Do you know where it's coming from ? – alecail Mar 30 '12 at 15:39

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .