Diskuze: PNG - Donucení aby tvar, zůstal tvarem

HTML a CSS Webdesign PNG - Donucení aby tvar, zůstal tvarem American English version English version

Aktivity (1)
Avatar
katrincsak
Člen
Avatar
katrincsak:30. ledna 22:59

Zdravým,

udělal jsem si speciální menu za pomocí "map" a polygonu . Jakmile najedu do určitého bodu, tak jsem si za pomocí hoveru změnil obrázek jako efekt, každopádně jedná se o nepravidelné strany a vše musí do sebe zapadat. I přesto, že obrázek je uložen jako png, tak vytváří čtverec. Samozřejmě polygon funguje v pořádku, ale jde o samotný "img" který se zobrazí následně po najetí a tím se mi docela ruší polygon při přechodu z img opět do obrázku, který má polygon nastavený. I přesto, že png má pozadí transparentní, tak se chová v praxi jako čtverec/obdelník. Objekty mám ve tvaru puzzle a tak nemohu docílit změny po najetí do přesného bodu z důvodu překrytí, kdyby se obrázek choval jako 100% png, tak je to ok.

Rád bych ukázal ukázku, ale z důvodu aut.práv nemohu.

Děkuji moc za rady

 
Odpovědět 30. ledna 22:59
Avatar
katrincsak
Člen
Avatar
katrincsak:31. ledna 9:43

Problém vyřeším za pomocí 3 vrstev a polygony nastavím na transparent, tím tedy skutečný obrázek bude pod transparentem a bude se to chovat jak má. Každopádně kdyby jste měli někdo řešení, rád se přiučím.

 
Nahoru Odpovědět 31. ledna 9:43
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:23. dubna 15:34

Mozna bys pro ukazku mohl pouzit jiny obrazek nebo jen obrysove.

Tvuj problem tak uplne nechapu.

Transparentni vrstvou se myslim mapove veci resi normalne. Na pozadi pak posouvas obrazek.
Jakoze mas obrazek pozadi + obrazek s obrazky zmen, ktery potom uz jen pozicujes. 2 vrstvy + 1 transparentni

 
Nahoru Odpovědět 23. dubna 15:34
Avatar
katrincsak
Člen
Avatar
Odpovídá na Peter Mlich
katrincsak:3. května 6:58

Je to již stará věc, ale jde o to. Že i když budeš mít "kolečko" v png kde máš okolo "kolečka" transparentní pozadí, tak to prohlížeč reálně stále vykresluje jako čtverec. Následně hover nereaguje až v samotném radiusu objektu (kolečka) ale na hraně celého obrázku, tedy chová se to jako čtverec.

 
Nahoru Odpovědět 3. května 6:58
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:3. května 11:08

Jo, proto se pouziva img mapa. A png tam mozna nefunguji, pouzivali se tusim jen gify. Kdo vi, jak je to ted.
https://www.zdrojak.cz/…ver-efektem/
http://netemsvetem.cz/…javascriptu/

https://diskuse.jakpsatweb.cz/?… --->
http://www.cezetmap.cz/…o/index.html

 
Nahoru Odpovědět 3. května 11:08
Avatar
katrincsak
Člen
Avatar
Odpovídá na Peter Mlich
katrincsak:3. května 12:14

Já jsem používal polygony a obrázky byly jako puzzle a ten výřez pro hover se nechoval jak bych chtěl. Jednalo se jen o problém toho png, ale jinak polygony na mapě fungovali v pořádku. Od té doby jsem dělal spoustu jiných věcí a už ani nevím co by tam mohlo být za jiný problém.

 
Nahoru Odpovědět 3. května 12:14
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:3. května 13:29

Na intervalu je to i s clankem. Tam pouzili css + js behaviour (coz je js pro hover pro stare IE ulozeny pres css)
https://www.interval.cz/…5/ukazka.htm

Vim, ze vyrezy zkouselo vic lidi, bylo tehdy toho plna diskuze jakpsatweb, ale nedelalo to dobrotu. Lepsi bylo cely obrazek pres css pozicovat.

Editováno 3. května 13:29
 
Nahoru Odpovědět  +1 3. května 13:29
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 7 zpráv z 7.