| Autor | Zpráva | ||
|---|---|---|---|
| robbie Profil |
#1 · Zasláno: 2. 1. 2017, 10:49:55
Ahoj, chci se optat, zkoušel někdo z vás obrazovou mapu v Bootstrapu. Zajímá mě, zda mapa funguje i v responsivním režimu na malém displaji.
Pokud například vytvořím mapu republiky a pomocí obrazové mapy budu moci rozkliknout určitá města, zajímá mě, zda se na malém displaji v responsivním režimu nezmění souřadnice, které fungovali např. na desktopu, apod. Děkuji |
||
| Str4wberry Profil |
#2 · Zasláno: 2. 1. 2017, 12:16:17
Pokud vím, tak obrázková mapa pracuje s rozměry v pixelech, takže při změně velikosti obrázku nebudou klikací plochy sedět.
Vidím následující řešení: 1) Mít klikacích map více ve fixních rozměrech a prohazovat je podle šířky okna. 2) Při menší šířce zmenšit mapu transformací: Zvětšení a zmenšení v CSS 3) Souřadnice přepočítávat JavaScriptem podle aktuální velikosti obrázku. Nezapomenout na přepočet po změně velikosti okna. 4) Vyhnout se klikací mapě a nad obrázek naposicovat normální odkazy (půjde pracovat s procenty, nějak takto: Body s popisky na mapě). Nemusí ale vždy vyhovovat. 5) Použít SVG. Obrázek v SVG je dobře responsivní a je možné, aby jeho jednotlivé části někam klikaly. |
||
|
Časová prodleva: 7 let
|
|||
0