Image nuking on full page
-
- Posts: 3
- Joined: December 31st, 2002, 1:01 am
Image nuking on full page
I'm a recent fan of the image nuking extension, which sets the display attribute of the image you nuke to "none". I'm wondering if any extension exists that will similarly nuke all the images on a page. Is this trivial or nontrivial to implement? I'm thinking specifically of a button I can place on my toolbar to nuke an entire page.
- thenightfly42
- Posts: 983
- Joined: November 5th, 2002, 8:03 am
You want a Bookmarklet, specifically the "Hide All Images (Netscape Version) at http://www.bookmarklets.com/tools/look/index.phtml . Save the Javascript link (on that page, not this one) as a bookmark, and put it on your Bookmarks Toolbar. Doesn't work with frames, however.
Lots of other cool Bookmarklets there as well. You might also want Remove Background Image on the same page.
Lots of other cool Bookmarklets there as well. You might also want Remove Background Image on the same page.
- alanjstr
- Moderator
- Posts: 9100
- Joined: November 5th, 2002, 4:43 pm
- Location: Anywhere but here
- Contact:
Maybe Chris (cdn) can add a button to Trivial to Show/Hide images.
Former UMO Admin, Former MozillaZine General Mod
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files
-
- Posts: 165
- Joined: November 5th, 2002, 10:42 am
- Location: USA
- Contact:
But the Hide All Images does only that, it hides them, it doesn't remove them. Ideally it should remove them and restructure the page so as to re-use the space that was formerly used by the images, like Nuke Image does. Another nice idea would be to have an extension that is called AdBlocker, that blocks *many* ads by adding the following lines to your usercontent.css:
[src*="ads."], [src*="ads/"],
[src*="doubleclick"],
[href*="doubleclick."] *,
[href*="rd.yahoo.com"] [src*="yimg.com"],
[width="60"][height="468"],
[width="468"][height="60"],
[width="40"][height="75"],
[width="105"][height="60"],
[width="105"][height="60"],
[width="120"][height="60"],
[width="120"][height="45"],
[width="300"][height="250"],
[width="120"][height="600"]
{
-moz-opacity: 0%;
}
[src*="ads."]:hover, [src*="ads/"]:hover,
[src*="doubleclick"]:hover,
[href*=".doubleclick."] *:hover,
[href*="rd.yahoo.com"] [src*="yimg.com"]:hover,
[width="60"][height="468"]:hover,
[width="468"][height="60"]:hover,
[width="40"][height="75"]:hover,
[width="105"][height="60"]:hover,
[width="120"][height="60"]:hover,
[width="120"][height="45"]:hover,
[width="425"][height="600"]:hover,
[width="300"][height="250"]:hover,
[width="120"][height="600"]:hover
{
-moz-opacity: 100%;
}
There are so many different ad blocking, pop-up blocking, image removing, image blocking, image this image that extensions or .css edits out there that maybe they could be cleanly combined into one nice extension or something... Call it Ad /Image Manager or something. This extension would add an option into the Tools -> Preferences (which should be renamed to Options someday...) dialog that looks like:
Block Pop-ups All (*) Some ( ) None ( )
/-------------------------------\
| Allowed Pop-up Sites... | <--(Button)
\-------------------------------/
Block Ads High (*) Low ( ) None ( ) <- (High would block as per the .css tweaks shown above, Low would block only ads added via the Blocked Ad Sites button, None would allow all)
/-------------------------------\
| Blocked Ad Sites... | <--(Button)
\-------------------------------/
Block Images All ( ) Some (*) None ( )
/-------------------------------\
| Blocked Image Sites... | <--(Button)
\-------------------------------/
Allow images for the originating website only Yes (*) No ( ) <- (this option would be grayed out if Block All images is selected)
Animated images should loop: <- (this option would be grayed out if Block All images is selected)
As many times as intended (*)
Once ( )
Never ( )
Thoughts?
[src*="ads."], [src*="ads/"],
[src*="doubleclick"],
[href*="doubleclick."] *,
[href*="rd.yahoo.com"] [src*="yimg.com"],
[width="60"][height="468"],
[width="468"][height="60"],
[width="40"][height="75"],
[width="105"][height="60"],
[width="105"][height="60"],
[width="120"][height="60"],
[width="120"][height="45"],
[width="300"][height="250"],
[width="120"][height="600"]
{
-moz-opacity: 0%;
}
[src*="ads."]:hover, [src*="ads/"]:hover,
[src*="doubleclick"]:hover,
[href*=".doubleclick."] *:hover,
[href*="rd.yahoo.com"] [src*="yimg.com"]:hover,
[width="60"][height="468"]:hover,
[width="468"][height="60"]:hover,
[width="40"][height="75"]:hover,
[width="105"][height="60"]:hover,
[width="120"][height="60"]:hover,
[width="120"][height="45"]:hover,
[width="425"][height="600"]:hover,
[width="300"][height="250"]:hover,
[width="120"][height="600"]:hover
{
-moz-opacity: 100%;
}
There are so many different ad blocking, pop-up blocking, image removing, image blocking, image this image that extensions or .css edits out there that maybe they could be cleanly combined into one nice extension or something... Call it Ad /Image Manager or something. This extension would add an option into the Tools -> Preferences (which should be renamed to Options someday...) dialog that looks like:
Block Pop-ups All (*) Some ( ) None ( )
/-------------------------------\
| Allowed Pop-up Sites... | <--(Button)
\-------------------------------/
Block Ads High (*) Low ( ) None ( ) <- (High would block as per the .css tweaks shown above, Low would block only ads added via the Blocked Ad Sites button, None would allow all)
/-------------------------------\
| Blocked Ad Sites... | <--(Button)
\-------------------------------/
Block Images All ( ) Some (*) None ( )
/-------------------------------\
| Blocked Image Sites... | <--(Button)
\-------------------------------/
Allow images for the originating website only Yes (*) No ( ) <- (this option would be grayed out if Block All images is selected)
Animated images should loop: <- (this option would be grayed out if Block All images is selected)
As many times as intended (*)
Once ( )
Never ( )
Thoughts?
- Stefan
- Posts: 2051
- Joined: November 5th, 2002, 2:46 am
jreyst wrote:But the Hide All Images does only that, it hides them, it doesn't remove them. Ideally it should remove them and restructure the page so as to re-use the space that was formerly used by the images, like Nuke Image does.
It depends on how you hide the images, with CSS {display:none} or {visibility:hidden}.
The first removes the image entirely, the second only makes them invisable.
- alanjstr
- Moderator
- Posts: 9100
- Joined: November 5th, 2002, 4:43 pm
- Location: Anywhere but here
- Contact:
There are already a few AdBlocking extensions. Unfortunately, BannerBlind no longer installs and it was the best IMHO.
No, an extension can't write to userContent.css. First of all, it's only read on load. Second of all, user.js, userChrome.css and userContent.css should only be read, never written.
BannerBlind stores its information in prefs.js. I copied mine into my user.js
http://mywebpages.comcast.net/hotabay1/mozilla/user.js
BannerBlind allows for either visibility:hidden, display:none, or being disabled.
The last time I used it, it only worked on images. It did not allow for blocking based on strings. It didn't have a context menu option for "block images of this size". There is always the desire for
AdBlock allows blocking based on strings
http://adblock.mozdev.org/
http://bannerblind.mozdev.org/
Combine the two, and I might name my firstborn after you.
No, an extension can't write to userContent.css. First of all, it's only read on load. Second of all, user.js, userChrome.css and userContent.css should only be read, never written.
BannerBlind stores its information in prefs.js. I copied mine into my user.js
http://mywebpages.comcast.net/hotabay1/mozilla/user.js
BannerBlind allows for either visibility:hidden, display:none, or being disabled.
The last time I used it, it only worked on images. It did not allow for blocking based on strings. It didn't have a context menu option for "block images of this size". There is always the desire for
AdBlock allows blocking based on strings
http://adblock.mozdev.org/
http://bannerblind.mozdev.org/
Combine the two, and I might name my firstborn after you.
Former UMO Admin, Former MozillaZine General Mod
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files
-
- Posts: 165
- Joined: November 5th, 2002, 10:42 am
- Location: USA
- Contact:
- Bish
- Posts: 15
- Joined: December 5th, 2002, 7:07 am
- Location: Denmark
- Contact:
It's spelled "H E N R I K"
Hi.
Just finished <a href="http://adblock.mozdev.org">AdBlock</a> for Phoenix. I didn't combine AdBlock and Bannerblind, so I guess there won't be any first-borns named after me, but perhaps You would consider a second- or third-born??
The spelling of my name can be seen in the topic of this post.
Just finished <a href="http://adblock.mozdev.org">AdBlock</a> for Phoenix. I didn't combine AdBlock and Bannerblind, so I guess there won't be any first-borns named after me, but perhaps You would consider a second- or third-born??
The spelling of my name can be seen in the topic of this post.
- alanjstr
- Moderator
- Posts: 9100
- Joined: November 5th, 2002, 4:43 pm
- Location: Anywhere but here
- Contact:
Re: It's spelled "H E N R I K"
Bish wrote:Hi.
Just finished <a href="http://adblock.mozdev.org">AdBlock</a> for Phoenix. I didn't combine AdBlock and Bannerblind, so I guess there won't be any first-borns named after me, but perhaps You would consider a second- or third-born??
The spelling of my name can be seen in the topic of this post.
Yep, I linked to that already. You're so far, why not add blocking by size, too? The keywords will probably cover most of it, but there could be more.
Also, does that only block images, or iframes and embedded objects with that pattern matching. Does it come with any example URLs?
http://mywebpages.comcast.net/hotabay1/ ... ontent.css
- Bish
- Posts: 15
- Joined: December 5th, 2002, 7:07 am
- Location: Denmark
- Contact:
Re: It's spelled "H E N R I K"
alanjstr wrote:
<i>Yep, I linked to that already. You're so far, why not add blocking by size, too? The keywords will probably cover most of it, but there could be more.</i>
I don't feel that blocking images by their size is the right way to hit advertisement. I must admit I don't really get why most Mozilla/Phoenix-users are so focused on doing it this way. Can anyone enlighten me on this??
alanjstr wrote:
<i>Also, does that only block images, or iframes and embedded objects with that pattern matching. Does it come with any example URLs?</i>
AdBlock looks through img-, object-, embed- and iframe-tags. I didn't include any sample URLs, as I do not want to be the judge of what content should be removed from people's surfing-experience.
If you're looking for some general filters, that may preemptively remove some banners when you surf, you can add filters like *ads*, *banner*, *creative* and so on.
Henrik
<i>Yep, I linked to that already. You're so far, why not add blocking by size, too? The keywords will probably cover most of it, but there could be more.</i>
I don't feel that blocking images by their size is the right way to hit advertisement. I must admit I don't really get why most Mozilla/Phoenix-users are so focused on doing it this way. Can anyone enlighten me on this??
alanjstr wrote:
<i>Also, does that only block images, or iframes and embedded objects with that pattern matching. Does it come with any example URLs?</i>
AdBlock looks through img-, object-, embed- and iframe-tags. I didn't include any sample URLs, as I do not want to be the judge of what content should be removed from people's surfing-experience.
If you're looking for some general filters, that may preemptively remove some banners when you surf, you can add filters like *ads*, *banner*, *creative* and so on.
Henrik
- alanjstr
- Moderator
- Posts: 9100
- Joined: November 5th, 2002, 4:43 pm
- Location: Anywhere but here
- Contact:
Re: It's spelled "H E N R I K"
Bish wrote:I don't feel that blocking images by their size is the right way to hit advertisement. I must admit I don't really get why most Mozilla/Phoenix-users are so focused on doing it this way. Can anyone enlighten me on this??
Most ads meet a standard size. Not all ads will have an easily recognizable path.
AdBlock looks through img-, object-, embed- and iframe-tags. I didn't include any sample URLs
Oh, I have plenty of keywords already (in that userContent.css I posted). I merely suggested shipping with a few default ones so that people merely have to enable it and a lot of common ad paths will be removed. Bannerblind comes with more than a dozen default ad sizes already. Also, it gives a new user something to base a new pattern from, ie "do i need to put a * in front and in back?"
Former UMO Admin, Former MozillaZine General Mod
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files
I am rarely on mozillaZine, so please do not send me a private message.
My Old Firefox config files