Opera extension: Imagus

, , ,

Updated: April 10, 2012 - v0.9.1
The extension is intended to complement image features that (I think) is missing from Opera by default or give features that are just simply useful. The original idea was to implement as many image related features as it's possible. Read on to find out for what the extension is capable of...

By the way, this project is still under development, it doesn't contain serious bugs, but use with caution. The features aren't in final state, so their functionality may change, which means that after an update the extension maybe won't work properly or absolutely not.

Install extension Opera 11.60+

Viewer

Replaces the browser's default image resizer to a more customizable version. For instance, it's possible to set the initial sizing mode or disable the resizing totally, it can detect if an image has higher resolution, adds possibility for rotation, options for changing background color or image border, zooming to a selected area or zooming with mouse wheel, and more...

Hover zoom

Enlarges thumbnails and linked images (or even linked thumbnails) into a popup with just a mouse hover.
As well as the Viewer, it's also fairly customizable with some extra features, such as full-zoom which allows you to view the image with original size in the same tab, rotation or it can load image albums as well.

Tools

This section contains global features or features that have less options.

  • Shortcuts - they can be used both on Viewer and Hover zoom
  • Opening images - many ways for opening images from web pages (e.g., background images)
  • Send image to... - it sends the image address to an online service (e.g., reverse image search, image editor, gif frame extractor...)
    New service can be added in preferences (one per line).
    Format: "[+]Name|search engine's URL". In the service URL is placed the image address with the %url variable.
    Example: TinEye|http://www.tineye.com/search?url=%url
    If you put a "+" sign before the name (e.g., "+TinEye"), then it means that the service will be used when the shortcut is used. Multiple entries can be enabled, then all of them will be opened.

Sieve

This is a set of rules which are helping the extension to find the larger images.
The rules are based on regular expressions, JavaScript and a bit of HTML.

Gallery

This is something like a bookmark for images. It stores only the image address with a thumbnail, and if possible, then one or two source link. The "Source", which is the address of the page where you've seen the image, and the "Target", which is the address of the link (if it wasn't the same as the zoomed image address).
When an image is opened or "hoverzoomed", then pressing the shortcut (G by default) will add it to the list without any questions. Shift + G will prompt for labels. Deleting images from the list: Ctrl + Right click on the thumbnail cell or Ctrl + Click to select some and the minus button from the button-list. Shift + Right click on a cell to edit the labels.

Grants

At Grants you can tell on which sites can the extension work.
It's also possible to block just some Sieve rules.

Syntax: grant operator (optionally followed by rules separated with commas) colon address
(!|!!|~|~~)[rule1,rule2,...]:(*|string|regular expression)
Also there is possibility to add comment lines, simply by starting the line with a ; (semicolon).
When you double the grant operator (! or ~), then it means that you want use regular expression in the URL. "*" means everything.
Example for blocking on all sites:
!:*
Blocking all sites except opera.com (actually it will allow any URL that contains the "opera.com" string, and yes, the order matters):
!:*
~:opera.com
To block a few sites:
!:http://www.google.com
!:opera.com
!!:^ftp://
Blocking on all Google sites, except German and French:
!:http://www.google.com/
~~:^http://www\.google\.(?:de|fr)
Allowing only the "MyOpera" and "LinkedImages" rules here on my.opera.com:
~#MyOpera,LinkedImages:my.opera.com

For the extension's icon thanks goes to http://esk6a.deviantart.com/

Known issues

# (vw) sometimes after moving the selection (freeZoom) on an image, the rectangle will lose its position
# (vw) Rotated image has incorrect position
# (hz) Rotated image position is not always correct when using full-space
# (hz) SVGs sometimes are not displayed at first time (maybe an Opera bug)

v0.9.1 - April 10, 2012

You can read the changes at the Archive.

Install v0.9.1

v0.9.1
This update mostly fixes the bugs from v0.9, and includes Finnish (by Opeeera) and Polish (by pafflick) translations.

Probably some of you are using DuckDuckGo, and noticed that it doesn't work when Imagus is enabled. What causing the problem is needed for a feature (frame detection), so I can't just "fix" it, but as a solution you can block the extension on that site. Add this to Grants:
!!:^https?://(?:www\.)?duckduckgo\.com/
Or I included a hidden rule as a comment too, so if you go to Grants and set the textarea to its default value (Ctrl+Right click), then two rules will appear (the other one is for youtube and vimeo, read below...). Remove the semicolon from the beginning of the line that is containing "duckduckgo" and Save.

v0.9
The changelog won't tell you:
  • Most important thing is that you MUST update the Sieve after install, because the old one isn't compatible with this version. The extension won't do it by itself, so if you have made some rules, you will be able to export them first (at least I think it'll work, but I haven't tested). I'm not sure yet, but probably there will be one time when you have to do this.
  • There are some tips (hopefully understandable enough) at the Preferences page for specific options, but right now only in Viewer.
  • Besides Hungarian, now the extension has Russian translation too (thanks to Rodny).
  • The loader changed to an animation, and instead of messages it will have different background colors. Colors: white - Loading, lime - Resolving, yellow - Failed, orange - Error.
    Probably the last two will be dropped later, instead of them the loader will just disappear, because at the moment if you don't know what the colors are, it may be a little misleading, since the animation won't stop, just the background color will change.
  • Shift + right click on an image will put the image into a popup. The purpose of this tool is to make available the functions that can be used on the image when it's in the popup (e.g., rotating, sizing or saving it to the gallery).
  • Enabling full-space (which is enabled by default) in Hover zoom allows the image to use all available space, so the image can go under the cursor. Similar to the "Placement: center" option, but in this case the image will still follow the mouse cursor. It has a shortcut (F) to temporarily switch to normal mode (or back). It doesn't work on SVGs.
  • I mentioned earlier that Imagus is able to play linked YouTube videos in the popup. If someone interested, I included a rule which will work for YouTube and Vimeo videos. First you need to enable the rule called "yt-vimeo_video" under Preferences / Sieve. Probably you don't want it to work on the main sites, so just add this line to the Grants:
    !!yt-vimeo_video:^https?://(?:vimeo|www\.youtube)\.com/
  • Image pile is for viewing multiple images in one popup, or in other words; support for image albums. When you run into an album in the caption two numbers will appear (even if you disabled captions). The second number indicates how many image is in the pile, the first is the index of the current image. Moving between images: space, right arrow, page down - move forward, shift+space, left arrow, page up - move backward, up or down - 5 step forward or backward, home or end - move to first or to end, shift+end - manually enter the index.
    After install, here are some examples for imgur albums, and for imageshack, or just visit photos section here at MyOpera for other examples.
  • And finally the image lister... It can be invoked by pressing Alt+Shift+full-zoom key (which is Z by default) (it is basically a combination of full-zoom and image pile with the image thumbnails).
    If the popup is visible and you press the shortcut, then it will list the images from the popup, which can be only one image or a pile. If the popup is not visible, then it tries to collect images from the current web-page.
    At top left you'll see a rounded white square, and if you move your cursor over it, the list will drop down. Everything works same as in full-zoom, all shortcuts are available here too. When the cursor is above the list, it's possible to slide it with mouse wheel.
The rest in the changelog is less important or it's straightforward enough (I hope).

Opera extension: Source

Comments

Unregistered user Friday, March 4, 2011 6:26:34 AM

Anonymous writes: With v0.7 on Opera 11.10.2018, when using C to cycle modes, once it sets background mode, it won't then cycle out of that mode. Nor will Esc work. You have to reload the image, or use the context menu. Otherwise, terrific, thanks.

Deathamns Friday, March 4, 2011 9:55:09 PM

Partially fixed... (Bug is still present if cycling starts from background mode. Next update will have a normal repair, since this was just a one-character-quick-fix.)

Unregistered user Tuesday, March 8, 2011 3:14:59 AM

Anonymous writes: I never want background mode, so it's fixed for me. Thanks very much.

Unregistered user Sunday, April 24, 2011 1:09:21 PM

Anonymous writes: Nice and useful extension, but it breaks drag'n'drop which is bad, really bad. I *need* to be able to drag'n'drop image on a regular basis, so this is a no-no for me.

DoTheEvolutionTheEvolutionBaby Sunday, April 24, 2011 2:09:11 PM

great extension

Deathamns Tuesday, April 26, 2011 12:07:14 AM

Originally posted by anonymous:

it breaks drag'n'drop

Unfortunately (for you), I have to break that, because of panning or any other feature, which uses mouse events. It can be a solution to make an option that will allow to drag the image along with a control key (e.g. Alt), but Opera has troubles with mousedown event (actually this breaks the drag'n'drop, even if I don't want to), so, until they fix this problem (because I believe that it is a bug, since it is handled correctly by other browsers), I cannot do anything.

metude Wednesday, May 11, 2011 5:32:01 AM

Why don't you send it to Opera extension catalog?

Deathamns Wednesday, May 11, 2011 12:36:37 PM

It's not important to be there, and there are relatives already. The next thing I will implement is a popular tool too, so this extension isn't based on unique ideas. Mainly I do it to increase my JavaScript skills.
Maybe someday I will publish it, but I won't hurry, since there is still a lot work to do with it (and not much free time).

DoTheEvolutionTheEvolutionBaby Monday, May 23, 2011 11:45:49 PM

err, in tab, where did the % of size of an image went?
I really liked it. Can you please give option for it?

Deathamns Tuesday, May 24, 2011 6:41:32 AM

I moved it to the status bar two versions earlier, because when you saved an image (with Ctrl+S), the name of it contained the percent information.
But yeah, an option for that wouldn't be bad.

DoTheEvolutionTheEvolutionBaby Tuesday, May 24, 2011 10:36:59 PM

Damn, I definitely remember that someone somewhere complained about having issues of having some informations in name of files when it was being saved, but I can't remember what it was related to. But what I do remember is that he later wrote that it was fault of some old user javascript.

Anyway, for me it always saved with the original names of files, no modifications to them, though I save images with ctrl+left mouse click; if that play some role in it...

just wanned to let you know what I know, or better yet what I don't know...

Deathamns Wednesday, May 25, 2011 10:03:33 AM

When you save the page (ie., with Ctrl+S or File/Save As), then the browser checks the title of the document and that will be the name of the saved file. This happens in case of images as well. But if you use Ctrl + left click or Right click/Save image, then it checks the name of the linked image.
The problem is that not everyone uses the last two method (sometimes I don't too), that's why I removed it.
But I made a solution for this (since it was easy to implement). Re-download the extension, and on preferences page you can find an entry called "Image informations", I've added a few samples, but you can freely customize what you want to see in title or status bar (brief instructions above).

DoTheEvolutionTheEvolutionBaby Thursday, May 26, 2011 2:13:32 AM

awesome solution, thnx

DoTheEvolutionTheEvolutionBaby Monday, May 30, 2011 4:01:58 AM

ello again,

I started to enjoy the Hover zoom. One request.
I often visit http://www.reddit.com When people post pictures there, they 99.99% of a time use imgur.com
good example is this subreddit : http://www.reddit.com/r/pics

Now whats the problem is that they sometime don't link directly to the picture, but rather to an imgur page with the picture

example:

http://imgur.com/CxtNi
vs
http://i.imgur.com/CxtNi.png

Can you make some rule that will check direct link so that both these links work with hover zoom?

Problem not only is the unknown extension(if that is a problem) but also possibility of imgur album like this one http://imgur.com/a/xYseV
But albums not working is just fine anyway, only if it screw with other functions or whole extension or something...

Also maybe adding option where user can add sites where hover zoom is not suppose to work

Deathamns Monday, May 30, 2011 1:50:42 PM

Updated (beside imgur also added Blogspot, postimg and better flickr support)...
By the way, I decided to use imgur (anonymous) API instead of resolving image URL from the picture's page, but the API has limitations. It allows only 500 fetches in an hour from the same IP address (but it should be enough), and I didn't add support for albums, because it's not clear which one from the list you want to see.

Originally posted by TheEvolutionBaby:

Also maybe adding option where user can add sites where hover zoom is not suppose to work

Not a bad suggestion, but I haven't even implemented my own ideas yet, and I'm kind of busy right now, so at least a month there won't be any new feature.

DoTheEvolutionTheEvolutionBaby Tuesday, May 31, 2011 3:05:29 PM

thanks man. rock on...

Shin RyujinEpiKnightz Sunday, June 26, 2011 10:37:30 AM

Brilliant extension, way way much better than Image Previewer and ImgTip.
Just one suggestion, can you enable an option to "curve" the corner of the image hover zoom border (the transparent thing around the enlarge image) please? (turn it from a rectangle into a rounded rectangle) That would be beautiful!
(sorry for my poor english sad )

Deathamns Sunday, June 26, 2011 10:43:43 AM

Originally posted by EpiKnightz:

... can you enable an option to "curve" the corner of the image hover zoom border ...

At preferences page under Hover zoom / Style change the Border value to:
5px solid rgba(255,255,255,0.2);border-radius:5px

DoTheEvolutionTheEvolutionBaby Sunday, June 26, 2011 10:21:16 PM

opera 11.50 RC4
left click is not cycling through first two modes.

Deathamns Sunday, June 26, 2011 11:50:17 PM

Try a clean install (I mean the extension, not Opera), maybe it will help.
If not, then need more information: which image, other enabled extensions... or anything on which I can start.

DoTheEvolutionTheEvolutionBaby Monday, June 27, 2011 10:44:34 AM

When I disabled the user javasrcipts it worked again.
This adblock script is the culprit that was in conflict..

Its funny, I always try to test only single userjavascript when something is not working properly, with extensions it didn't pop in to my mind...

Deathamns Monday, June 27, 2011 1:22:07 PM

Update...

DoTheEvolutionTheEvolutionBaby Tuesday, July 12, 2011 2:29:33 AM

It seems that small images does not always open full size on hover zoom.
At least for me.

Here you can test it on the second image, in the third row.

Here's how it looks for me, the green border I pasted at original size.

This time I disables javascripts before complaining ^^

Deathamns Tuesday, July 12, 2011 6:52:07 AM

Can't confirm. And your green outlined image's dimensions are 163x79 (if you didn't modify the size of the printscreen), which is not the same as seen on the image.
But, yeah, your popup seems smaller as it should be.

DoTheEvolutionTheEvolutionBaby Tuesday, July 12, 2011 1:09:23 PM

Upgrade to 0.8.5 fixed the issue.
Are you planing on sharing older versions as it goes? So that we can revert from newer to older if some problem occur...

Deathamns Tuesday, July 12, 2011 2:42:26 PM

Archive link at the end of the article.

Unregistered user Thursday, July 14, 2011 12:16:39 AM

Eighty writes: Wasn't there an option to preload images before? It seems to be gone. Can you add this?

Deathamns Thursday, July 14, 2011 9:45:03 AM

It's still there, just renamed it, because it was a little misleading. In fact, it doesn't load images after you open a page, it's just starts the loading when your cursor goes over a link.

Rich Tibbettrichtr Thursday, July 14, 2011 11:31:09 AM

Do you plan to submit this to addons.opera.com. Dunno about everyone else but I'm wary of installing without this going through moderation.

abbrbbq Thursday, July 14, 2011 11:35:13 AM

This looks great, but when I click the "save" button, my preferences are reset. Any idea what's going on here?

Unregistered user Thursday, July 14, 2011 12:41:51 PM

Anonymous writes: One of the best Opera extensions so far. Great work.

Deathamns Thursday, July 14, 2011 1:28:59 PM

Originally posted by richtr:

Do you plan to submit this to addons.opera.com...


Not in the near future, still didn't implemented the features that I imagined, and there are many issues that I have to solve.
But there is nothing to worry about. If you don't believe me, check the source code of the extension or ask someone who knows how to...

Originally posted by abbrbbq:

This looks great, but when I click the "save" button, my preferences are reset. Any idea what's going on here?


You can try this:
Open Opera's error console (Ctrl+Shift+O), clear it if already has entries, go to the preferences page and press Save. If the console gives some errors, then send them to me (click on a message, Ctrl+A to select all, and Ctrl+C to copy).

Unregistered user Thursday, July 14, 2011 2:47:09 PM

Anonymous writes: Rotation (E - left, R - right) and fit to width (key: 3) are broken!

Xombiemubaidr Thursday, July 14, 2011 2:53:39 PM

Very good looking extension nut

1-Cannot save preferences here too. sad thats why i cannot enable hover zoom cry
2-Add option to disable Image resizing (use default opera's behaviour) since i would like to use it mainly for hover zoom. wink

Unregistered user Thursday, July 14, 2011 3:00:22 PM

writes: Found some bugs (if you already know about them, then sorry): 1) The settings in the Preference window always load as default instead of saved ones when opening Preferences. 2) Image position - middle ceter -> should be center I guess Also, opening images with this setting doesn't make them appear in the center, instead they're a litte to the left (My default mode: Autoscale, widescreen 1600x900). Clicking on them makes them centered afterward. 3) Show captions - no captions -> Hover zoom stops working. Otherwise I'm really happy with this extension. I tweaked the settings a little and now I can't get enough of hover zoom.

Deathamns Thursday, July 14, 2011 6:10:22 PM

Originally posted by anonymous:

Anonymous writes:
Rotation (E - left, R - right) and fit to width (key: 3) are broken!

Rotation is still experimental feature...

Originally posted by mubaidr:

Very good looking extension nut

1-Cannot save preferences here too. sad thats why i cannot enable hover zoom cry
2-Add option to disable Image resizing (use default opera's behaviour) since i would like to use it mainly for hover zoom. wink

1- It's enabled by default. Can you do me the same I asked at the end of this comment?
2- There is already option for that. "Default mode" under Image resizing

Originally posted by anonymous:

writes:
1) The settings in the Preference window always load as default instead of saved ones when opening Preferences.

2) Image position - middle ceter -> should be center I guess
Also, opening images with this setting doesn't make them appear in the center, instead they're a litte to the left (My default mode: Autoscale, widescreen 1600x900). Clicking on them makes them centered afterward.

3) Show captions - no captions -> Hover zoom stops working.

1) Maybe fixed.
2) Typo fixed. I know about wrong centering, but don't know the source of the problem yet (but at the moment it's working for me).
3) Fixed.
Re-download and try.

Xombiemubaidr Thursday, July 14, 2011 7:36:47 PM

Originally posted by Deathamns:

1- It's enabled by default. Can you do me the same I asked at the end of this comment?



I did what u said but nothing happens, no errors, but hover zoom does not work. sad I even tried setting to,

Enabled when holding nothing. but it wont work and nor it save changes sad

Deathamns Friday, July 15, 2011 8:29:49 AM

Try with clean Opera install (or better with a clean portable version to leave your main setup), and test with that. I don't have better idea, since it's working for me without any serious problem...
And you have to set "Disable when holding nothing" on preferences page to enable hover zoom (opposite logic).

Unregistered user Friday, July 15, 2011 8:47:46 AM

Dan writes: not saving and cant use shortcuts.

Unregistered user Friday, July 15, 2011 9:02:28 AM

p_F writes: great extension - thx for your work

Deathamns Friday, July 15, 2011 9:11:26 AM

Originally posted by anonymous:

Dan writes:
not saving and cant use shortcuts.

Barely enough information, please be more specific.

Florin IacobMastema Friday, July 15, 2011 9:31:05 AM

Having issues on reddit. If I open an article with an image (eg: an imgur post), I can't click on the top bar to take me to the comments.

Unregistered user Friday, July 15, 2011 10:15:14 AM

Sven D writes: Nice Extension, it's very usefull (espacially for web developers like me i think). But how about adding rotate functionality? All you need is: " -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); " Works for all Webkit, Firefox, Opera and IE (i think > 6) browsers. Would be awesome!

Unregistered user Friday, July 15, 2011 10:16:54 AM

Sven D writes: Oh lol i just saw you already implemented it. Hm maybe the code helps you with the issues that were already mentioned!

Mağruf ÇolakoğluZAHEK Friday, July 15, 2011 10:20:20 AM

up

Emoryy Friday, July 15, 2011 10:35:37 AM

When opening a single image, the position is incorrect.
Option is set to middle-center by default.
But:
When an image is small, it is displayed top-center.
When big, on the left.
After clicking on it to zoom, and again to zoom out, image displayed in the right position.

+Could we have animation effect while zooming too?

Unregistered user Friday, July 15, 2011 10:42:58 AM

Sven D writes: @ Emoryy Do you have other Extensions and / or a different opera skin? Because i haven't this problem. I'm using the default skin and just some extensions, but there is no error like this.

Deathamns Friday, July 15, 2011 11:29:01 AM

Originally posted by Mastema:

Having issues on reddit. If I open an article with an image (eg: an imgur post), I can't click on the top bar to take me to the comments.

Can you give me a screenshot and a direct link, because I didn't find any "unclickable comments".

Originally posted by anonymous:

Sven D writes:
Oh lol i just saw you already implemented it. Hm maybe the code helps you with the issues that were already mentioned!

I'm already using CSS transformations, but the rotation issue isn't my main priority.

Originally posted by Emoryy:

When opening a single image, the position is incorrect.
...
+Could we have animation effect while zooming too?

I know what is the problem, but I haven't found a good solution yet.
About the animation... maybe, but not so soon.

Unregistered user Friday, July 15, 2011 12:12:43 PM

DiD0 writes: That extension is so cool! But now the real challenge: can you make transparent background for PNG images?

Deathamns Friday, July 15, 2011 12:42:24 PM

You can set the background color for an image that has transparency. Check out the preferences page.

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies