Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 5 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
responzivna interaktivna mapa

Registrovaný: 07.08.06
Prihlásený: 18.11.21
Príspevky: 947
Témy: 268
Bydlisko: Levice
Príspevok NapísalOffline : 30.03.2016 8:25

Potreboval by som poradit - mam malu mapku ako background. na nej su objekty - obdlzniky, teda domy. Potrebujem, aby sa po najazde mysou na dany objekt zmenilo jeho pozadie.

Potrebujem to vsak mat cele responzivne. Nie je problem dat DIVka s absolutnou poziciou na ten background a dat im onmouseover event, avsak pri zmene displayu sa mapka bude zmensovat a tie DIVka zrejme nie... tie divka totiz musia pokryt presne ten dany objekt a ked sa mapka zmensi, rozmery toho divka nebudu sediet so zmensenym rozmerom objektu.

Viete pomoct? Chcel by som to riesit pomocou CSS. Skusal som aj map area, lenze tam sa neda urcit background elementu area, iba scriptom. A dalsi script potom musi riesit responzibilitu a spolu je to jeden velky chaos. Preto by bolo idealne nieco taketo pomocou CSS.

Priklad - vid obrazok. Na mape su objekty a ten cerveny je oznaceny po najazde mysou.

responzivna interaktivna mapa


Offline

Správca fóra
Správca fóra
responzivna interaktivna mapa

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51
Bydlisko: Bratislava
Príspevok NapísalOffline : 30.03.2016 9:07

Uvadzaj rozmery a poziciu jednotlivych div objektov v percentach a mas to vyriesene.







_________________
NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE
Offline

Užívateľ
Užívateľ
responzivna interaktivna mapa

Registrovaný: 07.08.06
Prihlásený: 18.11.21
Príspevky: 947
Témy: 268
Bydlisko: Levice
Príspevok Napísal autor témyOffline : 30.03.2016 10:05

ano, to bude zrejme najlepsie, ale musim tie percenta uvadzat aspon na 3 desatinne miesta, nakolko pri uplnom zmenseni tam uz je badatelny par pixelovy posun. Diky stenley


Offline

Správca fóra
Správca fóra
responzivna interaktivna mapa

Registrovaný: 27.07.07
Príspevky: 3948
Témy: 51
Bydlisko: Bratislava
Príspevok NapísalOffline : 30.03.2016 10:12

Este jeden priklad, pozeraj hlavne ten html kod pod mapkou
http://www.inabrains.com/tooltip/examples/image-hotspot.html#example2







_________________
NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE
Offline

Užívateľ
Užívateľ
responzivna interaktivna mapa

Registrovaný: 07.08.06
Prihlásený: 18.11.21
Príspevky: 947
Témy: 268
Bydlisko: Levice
Príspevok Napísal autor témyOffline : 30.03.2016 10:35

super, dakujem


Odpovedať na tému [ Príspevkov: 5 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Plugin interaktivna turisrticka mapa

v Redakčné systémy

0

360

22.10.2018 8:06

MatrixXx Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Interaktívna tabuĺa

v Ostatné programy

2

1121

08.10.2010 17:39

dado... Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. interaktivna zmena selectu

v PHP, ASP

8

589

19.05.2010 20:46

jablko05 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Interaktivna tabula ako touchscreen

v Ostatné programy

0

536

16.09.2010 14:47

3DeX Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. Domáca úloha - Interaktívna grafická hra

v Assembler, C, C++, Pascal, Java

1

790

23.11.2011 12:12

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Mapa

v HTML, XHTML, XML, CSS

2

429

13.07.2010 12:08

Murtagh Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. interaktivna aplikacia vo flashi ? zvukovy konvertor

v Ostatné

0

259

03.03.2013 9:18

sairik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Interaktivna herna podlozka GYM od Arctic

v Novinky

9

690

08.08.2010 23:46

Spartan.Ex Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Quick, Draw- Interaktívna hra od Google

v Krčma

3

621

22.11.2016 17:43

Pini Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. MS OFFICE Powerpoint 2010 - interaktivna prezentacia

v Ostatné programy

0

578

10.09.2013 12:42

andariel2 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Mapa online

v Ostatné

6

436

11.10.2013 13:40

elo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. google mapa

v Redakčné systémy

0

881

12.10.2009 22:23

frenkacik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. pohybliva mapa

v Ostatné

11

1104

18.08.2009 11:18

tomxi Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Google mapa

v Ostatné

1

555

03.07.2010 14:43

Forty- Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Mapa znakov

v Operačné systémy Microsoft

2

2431

18.11.2009 19:36

Lukas9 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Logická mapa

v Ostatné programy

1

562

07.05.2013 15:33

IT-Academy Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra