[ Príspevkov: 5 ] 
AutorSpráva
Offline

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

Registrovaný: 07.08.06
Prihlásený: 11.07.18
Príspevky: 928
Témy: 262 | 262
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: 3938
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ý: 11.07.18
Príspevky: 928
Témy: 262 | 262
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: 3938
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ý: 11.07.18
Príspevky: 928
Témy: 262 | 262
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

947

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

374

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

365

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

288

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

581

23.11.2011 12:12

Ďuri

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

Logická mapa

v Ostatné programy

1

359

07.05.2013 15:33

IT-Academy

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

Mapa online

v Ostatné

6

200

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

709

12.10.2009 22:23

frenkacik

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

pohybliva mapa

v Ostatné

11

851

18.08.2009 11:18

tomxi

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

Google mapa

v Ostatné

1

376

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

2237

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

101

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

462

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

326

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

242

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

535

22.04.2012 8:38

e-shark



© 2005 - 2018 PCforum, edited by JanoF