MozillaZine

Image nuking on full page

Talk about add-ons and extension development.
theoddone33
 
Posts: 3
Joined: December 31st, 2002, 1:01 am

Post Posted December 31st, 2002, 1:03 am

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

User avatar
 
Posts: 983
Joined: November 5th, 2002, 8:03 am

Post Posted December 31st, 2002, 7:32 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.

alanjstr
Moderator

User avatar
 
Posts: 9100
Joined: November 5th, 2002, 4:43 pm
Location: Anywhere but here

Post Posted December 31st, 2002, 8:42 am

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

jreyst

User avatar
 
Posts: 165
Joined: November 5th, 2002, 10:42 am
Location: USA

Post Posted December 31st, 2002, 10:36 am

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?

Stefan

User avatar
 
Posts: 2051
Joined: November 5th, 2002, 2:46 am

Post Posted December 31st, 2002, 10:57 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

User avatar
 
Posts: 9100
Joined: November 5th, 2002, 4:43 pm
Location: Anywhere but here

Post Posted December 31st, 2002, 10:57 am

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.
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

jreyst

User avatar
 
Posts: 165
Joined: November 5th, 2002, 10:42 am
Location: USA

Post Posted December 31st, 2002, 11:09 am

alanjstr wrote:Combine the two, and I might name my firstborn after you.


Me too. And I already have a first born, so I would even be willing to change her name! If that ain't enough I have a second and third born I could throw in!

Bish

User avatar
 
Posts: 15
Joined: December 5th, 2002, 7:07 am
Location: Denmark

Post Posted January 3rd, 2003, 4:09 pm

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?? :D
The spelling of my name can be seen in the topic of this post.

alanjstr
Moderator

User avatar
 
Posts: 9100
Joined: November 5th, 2002, 4:43 pm
Location: Anywhere but here

Post Posted January 3rd, 2003, 4:14 pm

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?? :D
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

User avatar
 
Posts: 15
Joined: December 5th, 2002, 7:07 am
Location: Denmark

Post Posted January 4th, 2003, 9:49 am

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

alanjstr
Moderator

User avatar
 
Posts: 9100
Joined: November 5th, 2002, 4:43 pm
Location: Anywhere but here

Post Posted January 4th, 2003, 9:54 am

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

Return to Extension Development


Who is online

Users browsing this forum: Bing [Bot] and 1 guest