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

项目ID: #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名威客正在参与此工作的竞标,均价$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 更多

$111USD 在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