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]

Aptitudini: CSS, HTML5, Javascript

Vezi mai multe: 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

Despre angajator:
( 8 recenzii ) San Antonio, United States

ID Proiect: #17714839

Acordat lui:


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 Mai multe

%selectedBids___i_sum_sub_7%%project_currencyDetails_sign_sub_8% USD în 2 zile
(20 Recenzii)

13 freelanceri licitează în medie 172$ pentru acest proiect


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 Mai multe

%bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD în 1 zi
(80 recenzii)

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 Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 5 zile
(202 recenzii)

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 Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 3 zile
(37 recenzii)

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 Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 3 zile
(26 recenzii)

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.

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 3 zile
(26 recenzii)

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

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 3 zile
(49 recenzii)

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 Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 3 zile
(11 recenzii)

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 Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 5 zile
(3 recenzii)

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. Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 4 zile
(5 recenzii)

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 Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 3 zile
(9 recenzii)

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 Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 2 zile
(9 recenzii)

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

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% USD în 3 zile
(0 recenzii)