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]

Taidot: CSS, HTML5, Javascript

Näytä lisää: 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

Tietoa työnantajasta:
( 8 arvostelua ) San Antonio, United States

Projektin tunnus: #17714839

Myönnetty käyttäjälle:


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 Lisää

$50 USD 2 päivässä
(20 Arvostelua)

13 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön


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 Lisää

$111 USD 1 päivässä
(80 arvostelua)

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 Lisää

$350 USD 5 päivässä
(202 arvostelua)

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 Lisää

$160 USD 3 päivässä
(37 arvostelua)

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 Lisää

$155 USD 3 päivässä
(26 arvostelua)

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 3 päivässä
(26 arvostelua)

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

$100 USD 3 päivässä
(49 arvostelua)

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 Lisää

$305 USD 3 päivässä
(11 arvostelua)

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 Lisää

$200 USD 5 päivässä
(3 arvostelua)

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. Lisää

$200 USD 4 päivässä
(5 arvostelua)

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 Lisää

$100 USD 3 päivässä
(9 arvostelua)

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 Lisää

$100 USD 2 päivässä
(9 arvostelua)

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 3 päivässä
(0 arvostelua)