One small change to HTML5 prototype template

Cancelled

We are prototyping an iPad app using HTML which we view on an iPad through a browser app.

We are using a template which was build previously and allows us to use a flat image of the screen we want to prototype, and hot spots to navigate between screens.

The only interaction on the screen which uses javascript is a slide in menu which is triggered by a hotspot button, and the menu currently slides in from the left of the screen, over the image which is the full screen. Currently a semi-transparent black mask covers the screen behind and when anywhere on the black mask is clicked, the menu slides away.

The change we want to make is that instead of the menu sliding in over the image, we want the image to be pushed to the right and not overlapped. The black mask would still need to show over the image which has moved to the right, so that when tapped, the menu and image would slide back toward the left to restore the screen.

It is not easy to explain so I have attached an image which shows in fig 1 the image (blue) with hotspot (red)

On click of the hotspot, currently the menu slides in over the top as shown in fig 2

We would like to achieve fig 3 where both the menu and image move across

Please note, I will give you our current working solution as a .zip file, you will need to edit the files and provide back to me.

The rest of the solution should work as it currently does.

If you have the right knowledge this should be very quick and easy so I am expecting quite low quotes, if your quotes are high please explain why as I will assume that means you don't already have the right knowledge and will be spending time researching. Please quote 'EVE' in your bid so I know you read this far and explain to me what you will do so I know you are capable.

Thanks

Skills: HTML, HTML5, Javascript, jQuery / Prototype, Website Design

See more: html prototype template, working prototype, what is prototype design, what is interaction design, top template html5, template prototype, template html flat design, rest html5, prototype website design, prototype template, prototype move, prototype ipad app, make prototype, make a prototype, i will build your prototype, ipad prototype app, html5 template design, html5 button, full html5 website, eve website template, easy prototype, build your prototype, app template website, 2 screens ipad, what is a prototype

Project ID: #4420335

6 freelancers are bidding on average $84 for this job

kishanlalyadav

I am confident to fulfill your requirements in timely manner, along with quality work.

$100 USD in 3 days
(123 Reviews)
5.6
phpthebest

Hi, I can start now .

$50 USD in 0 days
(67 Reviews)
5.3
codeware1

Hello, Greeting of the day !! I read your requirement and we are ready to work on the project right away with quality assured and in the given budget. We will keep you updated on the status and will never mis More

$90 USD in 0 days
(18 Reviews)
4.8
niravvirani17

ready for that

$128 USD in 7 days
(15 Reviews)
3.8
salienttemplates

Hi Please see PMB

$75 USD in 1 day
(6 Reviews)
3.2
wartertall

EVE, can do it for you

$80 USD in 1 day
(5 Reviews)
3.2
leojpod

Hi, I have been working with JavaScript, jQuery and web-based mobile application for while now. Among other, I have been working in the SATIN project from Luleå University in Sweden which is a tool created so th More

$70 USD in 3 days
(0 Reviews)
0.0