jQuery image Zoom & Get Coordinates

Job ID: 34220457

Budget: $10 – $500 USD

Poszukuje osoby która pomoże w już częściowo zbudowanym projekcie napisanym na Backend - Symfony, Front-end HTML/CSS/jQuery która dobrze radzi sobie właśnie z JS/JQ, obsługa pozycji (współrzędnych) ze zdjęcia.

Wzorując się na projekcie https://www.botb.com

W skrócie,

- Klient na stronie powinien wytypować na widocznym zdjęciu właściwe położenie założonego przedmiotu.
- Rozwiązanie typowania pixeli powinno działać na urządzeniach mobilnych i komputerach
- Jak widać obszar roboczy w przeglądarce może mieć wielkość np. 800x600 zaś zdjęcie które jest tam dodane ma 3000x4000 px, i to za pomocą efektu ZOOM możemy wytypować jeden z pixeli
- Pojedynczy pixel powinien zostać na zdjęciu oznaczony - być widoczny pod lupą
- Pojedynczy pixel może być również usunięty
- Pojedynczy pixel jest finalnie losem na loterii - można kupić wiele losów
- Na kursorze powinien pojawić się 80x80px na przyklad zoom do zdjęcia oryginalnego
- Po kliknięciu w zoom area powinien być inicjowany ajax (Kod w projekcie już jest)
- Jest również ajaxowa akcja do kasowania wyborów ona też ma być obsłużona (Backend gotowy, kwestia wpięcia)
- Punkty są obsadzone i zapamiętywane na zdjęciu
- Widget ma być w pełni responsywny i obsługiwany na urządzeniach mobilnych
- Podawane koordynaty mają być w PX i klik ma być 1 do 1 (kliknięcie - zapamiętanie)
- Przy zoomarea ma być wyświetlane aktualne położenie w x/y (px)
Related categories: JavaScript AJAX CSS HTML5 jQuery