Add View Modes to javascript plugin that opens a modal box with image

So I need help finishing up a plugin I'm writing for personal use.

I was trying to create a javascript plugin similar to the one that unheap uses for enlarging their images. Ex. go here. [login to view URL] then click on an image and look at the upper right hand corner of the image, you can change view modes. I would like to add this functionality to my existing javascript plugin or for someone to create an entirely new one that meets all the following requirements.

Here is what is done right now. [login to view URL]


To create a very lightweight native javascript plugin with the following api.

MicroZoom(element, options)

- "element" = selector for <a> elements and use their href attribute as the image we want to open in a modal box.

- "options" = current it only has one option [login to view URL], value can be one of the following 'fit', 'width', or 'original'.

'fit' scales the image appropriately to the current viewport.

'width' scales the image to the entire width of the viewport allowing client to scroll down and up.

'original' displays original image in its full resolution.

if image is smaller than the calculated scale above, then it will show original image size center aligned to viewport.

Functional Requirements:

1. Link is clicked

2. Image is loaded into a Full Viewport Wrapper Background modal box.

3. On top right corner, a linked icon will be displayed to switch modes. (ex. [login to view URL]) Clicking on the image closes the modal box.

#3 is very important. So changing the view modes can only be done through the top right corner. Clicking on the image itself will close it out.

- In Best Fit Mode, Mode Changer on upper right will be Full Width icon.

- In full Width Mode, Mode Changer on upper right will be Full Size icon.

- In Full Size Mode, Mode Changer on upper right will be Best Fit icon.


[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]


[login to view URL]

Skills: CSS, HTML5, Javascript

See more: best modal popup design, jquery modal plugin, jquery modal popup example, stylish modal popup, custombox js, custombox example, jquery popup plugin, modal window effects with transitions css3, javascript calculate form check box, javascript calculate form check box example, drupal add view, javascript selection value dropdown box change available values, javascript dynamic update select box php, intellij javascript plugin extjs, add fields form javascript, javascript syntax rich text box, javascript drag drop text box, add extra field javascript, add fields form javascript php, add media wordpress embed plugin

About the Employer:
( 8 reviews ) San Antonio, United States

Project ID: #17714839

Awarded to:


Hello, I am interested in your project. I have 5 years of experience with JS. I can add the view modes selectable by user to your plugin. I would some further information to get a clearer idea of what needs to be d More

$50 USD in 2 days
(20 Reviews)

13 freelancers are bidding on average $172 for this job


hey i can do this for you please contact me regards abbas Ahey i can do this for you please contact me regards abbas Ahey i can do this for you please contact me regards abbas Ahey i can do this for y More

$111 USD in 1 day
(80 Reviews)

Hello, I read your project requirements I understand your project I am expert in java-script I cam do this I have 10 years of experienced in web development I developed multiple project in web development wit More

$350 USD in 5 days
(202 Reviews)

Hello, I've read your project description and I want to tell you that I can create a lightweight native JavaScript plugin for you similar to [login to view URL] exactly as per your all functional requirements. Lets More

$160 USD in 3 days
(37 Reviews)

Hello, Thank you for the job posting. It’s a pleasure to meet you. I’d really like to work with you on this one if possible! I do have a couple of questions, but first I’d like to make you an offer and some backgrou More

$155 USD in 3 days
(26 Reviews)

I checked your proposal. I can help you creating plugin development. I have good experience with image processing. I am confident. I can start work now. Regards.

$150 USD in 3 days
(26 Reviews)

I have checked your requirements. Please discuss with me. -------------------------------------------------------------------------------------

$100 USD in 3 days
(49 Reviews)

I understand, Can we discuss in chat ? You can see that I have got great feedback from my clients.I have great experience with web and mobile [login to view URL] open chat so we can clear the requirement. I can then provid More

$305 USD in 3 days
(11 Reviews)

Hi, Hope you are doing good I am ready to start work immediately I have 8+ years in web designing & development with good experience in the following skills ... 1. HTML5 2. CSS,CSS 3 & LESS 3. JS (Angul More

$200 USD in 5 days
(3 Reviews)

Hello There, I go through the project requirements extremely carefully and understand what you exactly want to add functionality in plugin. I definitely help you to change image view mode and other requirements. More

$200 USD in 4 days
(5 Reviews)

Hello Sir, I am an experienced full stack web master, working with joomla , Word press, shopify, big commerce, prestashop, volusion and for over 9 years now. I have knowledge of HTML5, CSS3, jQuery, Angularjs2, PHP More

$100 USD in 3 days
(9 Reviews)

Hi , I have gone through the job details carefully and I am excited to start working on this project. I am confident that I can exceed your expectations by my quality of delivery. I have an extensive knowledge More

$100 USD in 2 days
(9 Reviews)

Hi, Kindly give me a chance to work on this project for you. As I am expert in adding view modes to JS plugins. Thanks

$250 USD in 3 days
(0 Reviews)