Chrome Extension - Overlay images in the browser window


The basics:

I need a Chrome extension that will overlay a menu bar at the top of the browser [content] window. Items in the menu are associated with images. When clicked, the images are overlayed in the browser window. Those images need to be draggable and resizable (resizing will need to constrain proportions).

We can provide a live example after the NDA is completed.

Finer details:

The button for the extension will start and stop the overlay. When started, the overlay should not be tab-specific, and should overlay in all tabs or new windows (even full screen or presentation mode).


- I would like the menu to fade in or slide down when activated and the opposite when deactivated.

- I would like the menu to fade it's opacity after a certain amount of time.

- I would like the opacity & timer count to be able to be set in the options menu but have them default to 50% opacity & 10 seconds.

- Opacity should be 100% if the menu is being hovered over. On mouse out, the timer to fade should start again.

- When the buttons associated with the images are pressed, the images will be overlayed and the button should appear to stay depressed. If the image is overlayed, and the button is pressed; the image is removed, and the button should appear to be in the up position.

overlayed images:

- When the image(s) is overlayed, hovering over the image should change the cursor to indicate movability and the border should appear with squares in the corners to indicate resizability.

- dragging from the 'corner squares' should resize the image, with constrained proportions.

- I would like the images to maintain their x/y coordinates when the extension is deactivated, so the next time the extension is used, the images show up in the last place they were put. (perhaps make this an check button option in the settings)

All code should be written to be easily maintainable by any other developer. Please look at this for reference:

[url removed, login to view]

This is a project that I know I will continue to add things to in the future. So keep in mind, If I am happy with the work and price, I will most likely come back to you for all future additions. Keeping your code clean and easily understandable will help you with any future updates.

I can provide you with the images needed. I need you to tell me what specifications you will require in order to maintain image quality when resized.

Skills: CSS, Google Chrome, HTML5, Javascript, Website Design

See more: website developer extension, screen of the mind, developer extension, developer chrome, the stay, tell the time, resize-the-images, resize images, make extension, images resize, extension of last project, extension chrome, chrome javascript, BRowser extension, change chrome, chrome extension html, windows overlay, javascript resize slide show, javascript image opacity, need chrome extension, windows extension, menu design presentation, html tab bar, corner tab, website settings help

Project ID: #4371141

5 freelancers are bidding on average $212 for this job


Hello. I have experience developing extensions for Chrome and Firefox and I can complete this interesting project. Thanks.

$220 USD in 10 days
(4 Reviews)

Hi, I have very good experience with browser extensions. Very easy for me to do this project. and check please your PM.

$140 USD in 4 days
(2 Reviews)

Hello, I have experience. See my portfolio and finished projects. I can write this extension. Thank you.

$250 USD in 5 days
(7 Reviews)

Your project sounds really good and I'm really interested in it. I like doing that sort of UI stuff with those kinds of subtleties (fading when no hovering for some time, for instance). Check out the Chrome extension I More

$200 USD in 10 days
(4 Reviews)

Hi, I am a web developer specialized in Google Chrome Extensions. I read the description of your project. You know what you want, it should be very fast to code. You can contact me to see my previous work.

$250 USD in 4 days
(1 Review)