NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Martin Konečný (pavelco1998)
Tvůrce
Avatar
Martin Konečný (pavelco1998):24.4.2014 19:15

Ahoj,

lze v JS udělat, abych mohl hýbat obrázkem, ale aby na něm zůstaly klikatelné části?
Např. když budu dělat mapu o velikosti 1000x800px a budu ji potřebovat nacpat do divu s velikostí 500x200px, budu s ní muset pohybovat, abych si ji prohlédl celou (nechci ji zmenšovat). Zároveň potřebuji, aby na mapě (obrázku) bylo několik klikatelných částí (třeba čtverců o velikosti 40x40px).

Pokud to jde, mohl by mi někdo poradit, jak na to?

Odpovědět
24.4.2014 19:15
Aktuálně připravuji browser RPG, FB stránka - https://www.facebook.com/AlteiraCZ
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Martin Konečný (pavelco1998)
Michal Žůrek - misaz:24.4.2014 20:16

no půjde to tak ušmudlaně. Obal obrázek do divu, kterému MUSÍŠ nastavit position:relative; aby jeho potomci měli 0;0 u něj. Pak tam naskládej divi s tmi oblastmi. Nastav všemu i z-index, divům absolutní pozice. Pak už jenom nastavíš click a mělo by to fungovat.

 
Nahoru Odpovědět
24.4.2014 20:16
Avatar
adder
Člen
Avatar
adder:25.4.2014 19:21

něco jako tohle? http://www.werkplaatstypografie.org/

Nahoru Odpovědět
25.4.2014 19:21
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Martin Konečný (pavelco1998)
Tvůrce
Avatar
Odpovídá na adder
Martin Konečný (pavelco1998):25.4.2014 19:31

Jo, něco takového, jen aby na tom obrázku byly na určitých místech plochy (na které jde kliknout, nebo je v nich text, to je jedno). A aby ty plochy zůstaly v obrázku na stejném místě i v případě, že s tím obrázkem posunu.

V jQuery lze posouvat objekty jednoduše pomocí metody $("selektor")­.draggable(). Ale potřebuji tam nějak dostat ty plochy :)

Nahoru Odpovědět
25.4.2014 19:31
Aktuálně připravuji browser RPG, FB stránka - https://www.facebook.com/AlteiraCZ
Avatar
1Pupik1989
Člen
Avatar
Odpovídá na Martin Konečný (pavelco1998)
1Pupik1989:25.4.2014 19:57

Udělej to jak psal Misaz. Akorát doplním, že na obal dej overflow:hidden.

 
Nahoru Odpovědět
25.4.2014 19:57
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.