Diskuze: Pohyb obrázkem a klik na určité místo

Aktivity

Martin Konečný (pavelco1998)

Tvůrce

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

Michal Žůrek - misaz

Tvůrce

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

adder

Člen

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.

Martin Konečný (pavelco1998)

Tvůrce

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

1Pupik1989

Člen

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.