Avatar
Martin Konečný (pavelco1998):

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
Avatar
Odpovídá na Martin Konečný (pavelco1998)
Michal Žůrek (misaz):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
adder
Člen
Avatar
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
Odpovídá na adder
Martin Konečný (pavelco1998):

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  +1 25.4.2014 19:31
Avatar
1Pupik1989
Člen
Avatar
Odpovídá na Martin Konečný (pavelco1998)
1Pupik1989:

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

 
Nahoru Odpovědět  +2 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.