If you browse a web page through Firefox, any image on the page can be dragged anywhere on the screen—but you can't drop it. Other browsers such as IE or Chrome do not allow dragging images.
Is this a issue? Why does Firefox allow dragging?
You can drag the image (like your favorite unicorn picture, I assume) to an explorer window and it will be saved there.
It does allow you to drop. Drop to explorer/desktop and it pastes the picture, drop to a input field or the address bar and it drops the image URL.
html does not support dragging/dropping. RIA's and some AJAX/javascript pages may allow dragging of images ... e.g a shopping cart.
You can disable this in the firefox configuration.
http://www.google.com/search?q=firefox+image+drag
Related
When ever I earn a reputation, firefox understand and refresh my thumbnail. I want to know how it works and when does firefox take website screenshot for its home page?
Is there any meta tag or something like this to force firefox to take screenshot?
When you earn reputation firefox has no idea. The javascript code (that stackoverflow loaded into firefox when you loaded the page) does. If you don't have the page loaded and the javascript code running nothing will ever see the change. Look up AJAX if you want to know more.
You can force the images to update but it involves loading the page.
From https://support.mozilla.org/en-US/kb/thumbnails-on-new-tab-page-are-missing?esab=a&s=new+tab+thumbnails&r=1&as=s
Make Firefox create new images for the new tab page
The images will get re-stored as you use the new tab page to go to
those websites again.
Open the new tab page by clicking the + button on the tab strip.
Click on one of the blank images to go to a website. Note, that it works only for left-click, opening in new tab doesn't do the trick.
This is important - let the website finish loading (wait for the spinning green loading icon in the tab to stop).
Open the new tab page again and you will see a new image for the website you just went to.
Repeat this process for the rest of the missing images.
Firefox sometimes hasn't been displaying my website's logo image. There's nothing in the code I can find that would make this happen. From what I can tell, the image displays fine in WebKit, and displays fine when the FF web inspector is open, and displays fine after a hard reload (Ctrl+R), but sometimes won't appear after a soft reload. When I right-click on the image, or open the web inspector, the image suddenly appears, as if it had been there the whole time. What could be causing this?
i think it can be something about page resizing.
When you open the webkit your website browser window change dimension, and you see the logo.
maybe this two things are connected.
try to resize the browser window without opening the webkit.
hope this works to catch the problem.
I tried disabling all the Firefox plugins, thinking it was some extension that was causing this, but no luck. I finally got it to work as expected by completely resetting Firefox using this guide.
Opera is the only browser I've tested that doesn't recognize the links on my home page. I can click on a few of the images and go to the linked page, but most don't do anything when I click. The cursor even remains an arrow. Works in every other browser.
http://test.davewhitley.com/not-wp/mobile_test/
They are images wrapped in anchor tags and the grid is created with css columns.
Any ideas?
Update:
The same links that are not clickable also aren't inspect-able in opera's web inspector.
Update:
Please note that some of the images are click-able on the left hand side. Which images are click-able varies with the browser width. If you view the website > 1300px browser width then most of the images are not click-able on the right side.
This seems to be a known bug in Opera 11.6x which is fixed in the most recent previews of Opera 12. I don't know of any workaround right now, but given that a fix is coming in the not too distant future I would simply wait for it.
I'm developing a firefox addon and would like to have a fixed position (relative to the browser) semitransparent panel with 3 icons shown at the corner of every browser content area. These buttons will have to be able to communicate with a site that is not the site shown.
I know it would be possible to inject a fixed position div to html but I want the buttons to communicate with external site when pressed and also query information when they are loaded so I think that would violate same origin policy. This wouldn't work with image or other direct media urls either.
What would be the easiest way to create the floating icon panel?
After about of week of work I found it. Here is the answer, I hope this helps someone else:
http://marcada.ms/2010/02/getting-content-on-top-of-the-browser-space-using-xul/
The above adds the panel, transparency is not working (at least not in linux what I work with) because of the following bug. Sigh... opened in 2007 and not closed in 2012.
https://bugzilla.mozilla.org/show_bug.cgi?id=408284
edit2: I ended inserting html data to the body of the document using files from extension folder. Works very well including transparency.
edit3: If anyone is interested how this works in my plugin, check my live site at http://www.upmarker.com
When an image is opened on 4chan.org, it is not automatically resized by my browser (Chrome).
How is this done?
There is nothing in the link to a .jpg file in 4chan.org that will cause or prevent resizing. Chrome resizes large images to fit the browser window initially, and then you can click to make it full size. There are no native options to change this, but there are several extensions available for changing this behavior. Maybe you have one of these that is site specific?