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

Člen

Zobrazeno 7 zpráv z 7.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |


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.
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
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.
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
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.
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.
Zobrazeno 7 zpráv z 7.