[ Príspevkov: 5 ] 
AutorSpráva
Offline

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

Registrovaný: 07.08.06
Prihlásený: 05.04.18
Príspevky: 926
Témy: 261 | 261
Bydlisko: Levice
NapísalOffline : 30.03.2016 8:25 | responzivna interaktivna mapa

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: 3935
Témy: 51 | 51
Bydlisko: Bratislava
NapísalOffline : 30.03.2016 9:07 | responzivna interaktivna mapa

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


_________________
Desktop: CPU: AMD Athlon64 3000+ | MB: Biostar K8T890-A9 | VGA: NVIDIA GeForce 6200 LE 256MB | RAM: 2x 1GB A-DATA DDR 400 MHz Dual Kit | HDD: WD Caviar Blue 320GB | DVD: LG GSA-H10N | Keyboard: Chicony KU-0420 Silver/Black | Mouse: Logitech RX1000 | Zdroj: Corsair CX400 400W | CASE: DELUX DLC-MD370 Black | LCD: 20" Samsung 206BW | Repro: Teac XL-20
Notebook: ACER Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB / Intel HD Graphics | RAM: 4GB DDR3 1066 MHz | HDD: 640GB
Offline

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

Registrovaný: 07.08.06
Prihlásený: 05.04.18
Príspevky: 926
Témy: 261 | 261
Bydlisko: Levice
Napísal autor témyOffline : 30.03.2016 10:05 | responzivna interaktivna mapa

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: 3935
Témy: 51 | 51
Bydlisko: Bratislava
NapísalOffline : 30.03.2016 10:12 | responzivna interaktivna mapa

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


_________________
Desktop: CPU: AMD Athlon64 3000+ | MB: Biostar K8T890-A9 | VGA: NVIDIA GeForce 6200 LE 256MB | RAM: 2x 1GB A-DATA DDR 400 MHz Dual Kit | HDD: WD Caviar Blue 320GB | DVD: LG GSA-H10N | Keyboard: Chicony KU-0420 Silver/Black | Mouse: Logitech RX1000 | Zdroj: Corsair CX400 400W | CASE: DELUX DLC-MD370 Black | LCD: 20" Samsung 206BW | Repro: Teac XL-20
Notebook: ACER Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB / Intel HD Graphics | RAM: 4GB DDR3 1066 MHz | HDD: 640GB
Offline

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

Registrovaný: 07.08.06
Prihlásený: 05.04.18
Príspevky: 926
Témy: 261 | 261
Bydlisko: Levice
Napísal autor témyOffline : 30.03.2016 10:35 | responzivna interaktivna mapa

super, dakujem


 [ Príspevkov: 5 ] 


responzivna interaktivna mapa



Podobné témy

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

Interaktívna tabuĺa

v Ostatné programy

2

941

08.10.2010 17:39

dado...

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

interaktivna zmena selectu

v PHP, ASP

8

357

19.05.2010 20:46

jablko05

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

Interaktivna tabula ako touchscreen

v Ostatné programy

0

363

16.09.2010 14:47

3DeX

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

Mapa

v HTML, XHTML, XML, CSS

2

281

13.07.2010 12:08

Murtagh

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

573

23.11.2011 12:12

Ďuri

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

Logická mapa

v Ostatné programy

1

351

07.05.2013 15:33

IT-Academy

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

Mapa online

v Ostatné

6

193

11.10.2013 13:40

elo

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

google mapa

v Redakčné systémy

0

699

12.10.2009 22:23

frenkacik

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

pohybliva mapa

v Ostatné

11

823

18.08.2009 11:18

tomxi

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

Google mapa

v Ostatné

1

365

03.07.2010 14:43

Forty-

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

Mapa znakov

v Operačné systémy Microsoft

2

2223

18.11.2009 19:36

Lukas9

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

interaktivna aplikacia vo flashi ? zvukovy konvertor

v Ostatné

0

97

03.03.2013 9:18

sairik

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

Interaktivna herna podlozka GYM od Arctic

v Novinky

9

441

08.08.2010 23:46

Spartan.Ex

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

Quick, Draw- Interaktívna hra od Google

v Krčma

3

291

22.11.2016 17:43

Pini

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

MS OFFICE Powerpoint 2010 - interaktivna prezentacia

v Ostatné programy

0

232

10.09.2013 12:42

andariel2

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

Klikacia mapa HTML

v HTML, XHTML, XML, CSS

2

520

22.04.2012 8:38

e-shark



© 2005 - 2018 PCforum, edited by JanoF