Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

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

1 Answer 1

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 ? –  Antoine Lecaille 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 ? –  Antoine Lecaille Mar 30 '12 at 15:39

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.