Opera FAQs, Tips, Tricks & Tweaks

Cool tips for Opera browser since 2005

Subscribe to RSS feed

Posts tagged with "*.js"

Disable auto fit to window of large images in Opera

, , , ...

Opera 11.10 shrinks large images to fit in window and several users don't like this and they want an option to disable it. Auto fit to window of large images can be disable this using any one of the methods below.

Extension
  1. Install Image Autosizer extension.
  2. O Menu > Extensions > Manage Extensions > Gear icon for Image Autosizer > Preferences > Advanced > View modes > When image is larger than window > Enable default & Original

Image Autosizer extension advanced options
Image Autosizer extension advanced options

Style Sheet
  1. Copy C:\Program Files\Opera\styles\image.css in Windows OS or /usr/share/opera/styles/image.css in Linux OS to profile\styles directory. This is to avoid overwriting during update and to make backup easy.
  2. Add the following CSS code to the bottom of copied file and save.
    /* Disable auto resizing of large images code starts here */
    *, *::before, *::after {
        position: static !important;
        height: inherit !important;
        width: inherit !important;
        cursor: default !important;
        padding: 0px !important;
        margin-left:auto;
        margin-right:auto;
    }
    /* Disable auto resizing of large images code ends here */
  3. Choose modified Image Style File and save.
  4. Restart Opera.
This method won't center smaller images.

User JavaScript

Create a NoImgAutoResize.js file with the following code inside userjs directory.

// ==UserScript==
// @description Disables auto resizing of large images
// @author Fartan
// ==/UserScript==

if(document.querySelector("head>link[rel='stylesheet'][href='opera:style/image.css']")) window.donotrun=true;

[Bertalan Dávid & Fartan via forums]

Useful User JavaScripts for Opera

, , , ...

User JavaScript is a powerful tool and it can be used for many purposes, including:

  • Fixing broken scripts on Web pages. Opera uses browser.js to automatically fix incompatible Web pages, out of date scripts, and pages that inadvertently block Opera.
  • Enhancing Web pages by changing or adding your own content to the page.

Installing/Uninstalling User JavaScripts

If you don't have UserJS directory, create a directory with name userjs (preferably inside profile directory) and enter path to it in Tools > Preferences... > Advanced > Content > JavaScript Options... > User JavaScript files

Path to Opera User JavaScript directory
Path to User JavaScript files

  • To install, place User JavaScript file (*.js or *.user.js) inside User JavaScript directory.
  • To uninstall, remove corresponding User JavaScript file from User JavaScript directory.
  • To disable, change corresponding User JavaScript file extension from *.js to *.js.x
You can also use UserJS Manager for Opera to perform above actions.

Download

Download (size: 48.3 KB) all the following User JavaScripts in a single zip file, unzip and place it inside User JavaScript directory.

  1. Autosizer
  2. Breadcrumb URL
  3. Clean URI
  4. Cooliris alike
  5. Gallery crawler
  6. Get feed link
  7. Image thumb
  8. Link alert
  9. Power drag
  10. Linkify URL
  11. View Selection Source
  12. Ultimate Search Highlighter

Useful User JavaScripts

  1. Autosizer
    Autosizer will enhance image viewing in Opera by adding five different sizing modes to images: "Original", "Shrink to Fit", "Maximize", "Fit to Width" and "Fit to Height". "Shrink to Fit" is enabled by default. Simply click on the image to view in next mode or hold down Shift key while clicking to view in previous mode. Move cursor to top right corner to view the menu. See help for more information.

    Opera User JavaScript Autosizer
    Autosizer

  2. Breadcrumb URL
    Breadcrumb URL will place link to each directory of current URL at the top left corner of the page. Useful if you browse without address bar or browse in full screen mode.

    Opera UserJS Breadcrumb URL
    Breadcrumb URL

  3. Clean URI
    Clean URI will recognise links that use redirected URLs (example: http://www.google.com/url?q=http://winmerge.sourceforge.net/ ) and replace them with the direct URL.

    Opera User JavaScript Clean URI
    Clean URI

  4. Cooliris alike
    Similar to Cooliris extension for Firefox and helps to preview links without leaving current tab. Hold Ctrl key and hover any link to open preview window in top right corner of current tab. Size of preview window can be changed to 3 heights by clicking "Restore" icon.

    Opera UserJS Cooliris Alike
    Cooliris Alike

  5. Gallery crawler
    Gallery crawler adds link to next and previous image so pictures numbered sequentially can be viewed without flipping through links, ads and poor page design.

    Opera User JavaScript Gallery crawler
    Gallery crawler

  6. Get feed link
    Get feed link will place feed icons at the top left corner of the page. Useful if you browse without address bar or browse in full screen mode or if you need feed link URL.

    Opera UserJS Get Feed Link
    Get feed link

  7. Image thumb
    Image thumb will show thumbnail in bottom left corner when you hover an image link. Hold Ctrl key to view image in original size.

    Opera User JavaScript Image Thumb
    Image Thumb

    This UserJS breaks functioning of autosizer UserJS.
  8. Link alert
    Link alert identifies links to specific file types, and displays an appropriate icon when the link is hovered.

    Opera UserJS Link Alert
    Link alert

  9. Power drag
    Power drag will help you to resize textareas, select boxes, iframes, objects, images or input fields by holding Shift key and then dragging lower right corner of an item. Double click lower right corner to restore the original dimensions. You can enable the dragging corner always, or use another modifier key.

    Opera User JavaScript Power Drag
    Power drag

  10. Linkify URL
    Linkify URL makes text http/https/ftp URLs clickable.

    Opera UserJS Linkify URL
    Linkify URL

  11. View Selection Source
    View Selection Source allows you to see HTML source of any part of a page, it’s very useful for web developers. If you don't know how to edit menu setup see this and add the following under [Hotclick Popup Menu].

    Item, "View selection source"="Go to page, "javascript:opera.getSelectionSource()""

    Opera UserJS View Selection Source
    View Selection Source

  12. Ultimate Search Highlighter
    Ultimate Search Highlighter will show search bar at the top and can show number of search results, jump to next instance of highlighted term or previous (hold Shift key and click on term in toolbar) and supports RegExp highlighting. Move cursor to top to show search bar after timeout period. Get USH button or search field from here or create a search engine with the following.

    javascript:opera.USH.run(opera.USH.check='%s','newSearch');

    Opera User JavaScript Ultimate Search Highlighter
    Ultimate Search Highlighter