Unlinker is a very popular plugin for Firefox, which allows you to change the links to images in the page to in-line images.

Opera doesn’t have a fully-fledged plugin system like Firefox (which is a pro just as much as it is a con), but . . . → Read More: Opera “Unlinker” User JavaScript]]> It’s quite common on many websites, particularly forums, to post links to images.

Unlinker is a very popular plugin for Firefox, which allows you to change the links to images in the page to in-line images.

Opera doesn’t have a fully-fledged plugin system like Firefox (which is a pro just as much as it is a con), but you can customize it using User JavaScript.

I’ve made a simple script to implement a very basic version of Unlinker. It will scan the page for links to images, and embed the image in the page under the link. It currently also scales the image down while maintaining aspect ratio if it exceeds 640×480.

To use this, create a directory on your machine to store your user javascripts, and save the source there as unlinker.js (or whatever name you like).

• Now in Opera, go to the Tools > Preferences menu
• Go to the Advanced tab
• Click the Content section
• Click the JavaScript Options… button
• Browse to the User JavaScript files folder where you saved the file, then hit OK
• Hit OK
• You don’t have to restart Opera for the changes to take effect

The source code is:



addEventListener(
      'load',
      function (e)
      {
          var isImageRegex = new RegExp("\.gif|jpeg|jpg|png|bmp$", "i");

          var allAnchors = document.getElementsByTagName("a");

          for( var i = 0; i < allAnchors.length; i++ )
          {
              var anchorElement = allAnchors[i];
              var link = anchorElement.href;
              if( link && isImageRegex.test(link) )
              {
                  // The image tooltip will show the full image address
                  anchorElement.title = link;

                  // Create the image, giving it a border and some padding, resetting
                  // some styles and don't make it exceed 640x480 dimensions, auto-scaling it down
                  var image = document.createElement('IMG');
                  image.src = link;
                  image.style.border = 'solid 1px #ccc';
                  image.style.padding = '0px';
                  image.style.margin = '0px';
                  image.style.float = 'none';
                  image.style.maxWidth = '640px';
                  image.style.maxHeight = '480px';

                  anchorElement.appendChild( document.createElement('BR') );
                  anchorElement.appendChild(image);
                  anchorElement.appendChild( document.createElement('BR') );
              }
          }
      },
      false
  );

Edit 2010-05-29: Updated for Opera 10.x


Their intial study results are in, taken from 3 and a half million URLs.

Interestingly, tables are still right up there with most . . . → Read More: Opera’s MAMA analyses the spread and use of web technologies]]> The Opera guys have created a project called MAMA – “Metadata Analysis and Mining Application”. It is designed to trawl the web and analyse what technologies and techniques are actually being used in web pages.

Their intial study results are in, taken from 3 and a half million URLs.

Interestingly, tables are still right up there with most popular tags, suggesting there are still a lot of people using tables for layouts, particularly when you see this quote:

“Tables: TABLE, TR, and TD all used. Tables typically nested 3 levels deep.”

Font tags are also still very popular.

It’s hard to tell at this point if this is because those pages are old, or if new sites are still using this style of markup.

Some more findings:

• A little over 4% of the pages passed W3C HTML validation
• A third of the URLs used Flash. The lowest regional use of Flash is 25%, meaning at least 1 in 4 pages use Flash.
• Nearly 3/4 of the URLs used javascript in one form or another

Main article: http://dev.opera.com/articles/view/mama/
Key Findings: http://dev.opera.com/articles/view/mama-key-findings/
The average web page: http://dev.opera.com/articles/view/mama-the-average-web-page/