İptal Edildi

One small change to HTML5 prototype template

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

Beceriler: HTML, HTML5, Javascript, jQuery / Prototype, Web Sitesi Tasarımı

Daha fazlasını görün: 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

İşveren Hakkında:
( 13 değerlendirme ) London, China

Proje NO: #4420335

6 freelancer bu iş için ortalamada 84$ teklif veriyor

kishanlalyadav

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

in 3 gün içinde100$ USD
(123 Değerlendirme)
5.6
phpthebest

Hi, I can start now .

in 0 gün içinde50$ USD
(67 Değerlendirme)
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 Daha fazlası

in 0 gün içinde90$ USD
(18 Değerlendirme)
4.8
niravvirani17

ready for that

in 7 gün içinde128$ USD
(15 Değerlendirme)
3.8
salienttemplates

Hi Please see PMB

1 gün içinde 75$ USD
(6 Değerlendirme)
3.2
wartertall

EVE, can do it for you

1 gün içinde 80$ USD
(5 Değerlendirme)
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 Daha fazlası

in 3 gün içinde70$ USD
(0 Değerlendirme)
0.0