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

Ολοκληρωμένο Αναρτήθηκε Πριν 5 χρόνια Πληρώθηκε κατά την παράδοση
Ολοκληρωμένο Πληρώθηκε κατά την παράδοση

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]

Objective:

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.

Inspiration:

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

Repository:

[login to view URL]

CSS HTML5 JavaScript

Ταυτότητα Εργασίας: #17714839

Σχετικά με την εργασία

12 προτάσεις Απομακρυσμένη εργασία Ενεργό Πριν 5 χρόνια

Ανατέθηκε στον:

paulagnivo

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 Περισσότερα

$50 USD σε 2 μέρες
(29 Αξιολογήσεις)
4.2

12 freelancers κάνουν προσφορές κατά μέσο όρο $173 για αυτή τη δουλειά

professional1248

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 Περισσότερα

$111 USD σε 1 μέρα
(80 Αξιολογήσεις)
6.6
KGeorgy

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 Περισσότερα

$155 USD σε 3 μέρες
(41 Αξιολογήσεις)
5.6
shaochao555

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

$100 USD σε 3 μέρες
(50 Αξιολογήσεις)
5.2
srsinfosystems

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. Περισσότερα

$200 USD σε 4 μέρες
(7 Αξιολογήσεις)
4.4
delostyle

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 Περισσότερα

$100 USD σε 2 μέρες
(11 Αξιολογήσεις)
3.6
jayprakashyadav

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 Περισσότερα

$100 USD σε 3 μέρες
(10 Αξιολογήσεις)
3.6
priankafresco

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 μέρες
(1 Κριτική)
2.0