Why can't pictures using lightbox be saved?

Question

If you try and click on the round pillow on this website, then a larger version of the picture will zoom out.

I have seen this zoom out effect / box on other websites, where I also don't get the "Save Image As" or "View Background picture" in the right click menu.

Looking at the HTML I see the links to the thumb and the big size image

<a rel="lightbox" target="_blank" href=
"http://thegallery-jane.com/fotos/126977936/medium/1269779361.jpg"><img src=
"http://thegallery-jane.com/fotos/126977936/thumb/1269779361.jpg" style=
"width:113px;margin:5px;border:1px solid #555555;" alt="" title=
"Klik for at forst&oslash;rre" /></a><a rel="lightbox" target="_blank" href=
"http://thegallery-jane.com/fotos/126978330/medium/1269783307.jpg"><img src=
"http://thegallery-jane.com/fotos/126978330/thumb/1269783307.jpg" style=
"width:113px;margin:5px;border:1px solid #555555;" alt="" title=
"Klik for at forst&oslash;rre" /></a>

Question

Does there exist extensions or other means to easy save these pictures?

Partly solution

Disabling JavaScript gives the big size image when clicking on the thumb. It seams that lightbox puts a layer over the big size image to prevent the browser from "seeing" the image.

Answer 1

If you are on Chrome, do right click>inspect element. It opens the page source, and you can explore it. Click on the item you want to inspect, and a line will highlight.

The photo you were looking for is here: link

However, I think clicking a link and save the photo link redirect to is a quite easy way.

Answer 2

1. Here's the context menu when you right-click that zoomed image:

   

2. Install Adblock Plus

3. Open the Adblock Plus Filter Preferences dialog (via the menu or keyboard shortcut i.e. Ctrl+Shift+F):

   

4. Click on the Custom Filters tab, select the Element Hiding Rules section and click the Add filter button:

   

5. Now add the following rule: thegallery-jane.com###stimuli_hoverNav and close the dialog

6. Immediately you can see the change when you right-click that zoomed image now:

   

---

1. To identify the element to be hidden easily, install Element Hiding Helper for Adblock Plus

2. Launch the Element Hiding Helper (via the menu or keyboard shortcut i.e. Ctrl+Shift+F3):

   

3. Use the mouse and element selection hotkeys such as Narrower or Wider (you'll get a help tooltip that lists them all) to focus on the element of interest:

   

4. Once you're sure that's the correct element simply click it and you'll see the following dialog, which allows you to further fine-tune the filter if required:

   

5. When you're done tweaking the filter click the Add filter rule button and it'll add the same filter for you automatically that you did manually in the top section.

Important: Please do not rip images wholesale from any site without the site/image copyright owner's explicit permission.

Answer 3

The best solution would be if an extension could be installed which would remove the invisible layer from the pictures.

But the easiest solution is probably to just CTRL+I and then find it in the Media list, or to install the JavaScript Toggle extension.

Answer 4

One solution if you don't mind to have "next prev" button is to put a little snippet:

$('.lb-nav').remove();

I looked at the source code and it does not have any option to disable it. So, i did this instead to change the source.