Diskuse JPW: Zobrazení procenty myší, kde právě na obrázku jsem

	Autor	Zpráva
	PetraPP Profil	#1 · Zasláno: 9. 2. 2020, 10:59:26 · Upravil/a: PetraPP o 3 minuty později Odpovědět Citovat Zdravím, potřebovala bych přes javascript zobrazovat polohu myši, avšak ne jako X a Y, ale pomocí procent. Obrázek má v podstatě W: 100% \| H: 100% a myší když najedu na určitou část obrázku, tak potřebuji zjistit procenty TOP a LEFT ... kde jsem. Jak toho docílím? Hledala jsem na internetu a našla pouze tohle: jsfiddle.net/UCFtB/1. Jenže tam je přes CSS daná velikost. Potřebuji ale, aby javascript si velikost určil sám podle velikosti obrázku. Hrozně moc děkuji za výpomoc.
	Tomášeek Profil	#2 · Zasláno: 9. 2. 2020, 11:27:06 Odpovědět Citovat PetraPP: Mas X a Y. Obrázek má 100%, rozměry okna (a tedy i obrázku) v JS znáš také. Kde je problém?
	PetraPP Profil	#3 · Zasláno: 9. 2. 2020, 11:37:27 · Upravil/a: PetraPP o minutu později Odpovědět Citovat Obrázky budou různé. Budu jich mít více pro které chci zjišťovat polohu x a y. Tak že potřebuji to mít automaticky, aby JS zjistil sám velikost obrázku a přes obrázek vypsal hodnoty procenty X a Y. Bohužel vůbec netuším jak to udělat. Za každé rady budu hrozně moc ráda.
	Tomášeek Profil	#4 · Zasláno: 9. 2. 2020, 13:04:00 · Upravil/a: Tomášeek o 2 minuty později Odpovědět Citovat PetraPP: Víš vůbec ty sám, co chceš? „Obrázek má v podstatě W: 100% \| H: 100%“ vs. „Obrázky budou různé.“ Každopádně: - polohu levého horního pixelu obrázku v JS (v rámci screenu i dokumentu) znáš - rozměr obrázku znáš - polohu myši znáš. To by mělo být vše, co pro výpočet potřebuješ. Projev trochu vlastní snahy a pak se vrať. Teď ještě koukám na ten JSFiddle a on teda mimochodem i ten odkázaný script funguje a procentuální šířku počítá (a ne, opravdu to není tím, že jsou v CSS zadané rozměry).
	PetraPP Profil	#5 · Zasláno: 10. 2. 2020, 16:58:48 Odpovědět Citovat Vůbec mně to nechce fungovat a nevím proč :( Hrozně moc budu ráda za jakoukoliv výpomoc. jsfiddle.net/o5rec2hm
	Tomášeek Profil	#6 · Zasláno: 10. 2. 2020, 17:02:06 Odpovědět Citovat PetraPP: Protože řádek `$(this).html(percx + " \| " + percy + " perc");` je pro obrázek nesmyslný.
	PetraPP Profil	#7 · Zasláno: 11. 2. 2020, 08:44:28 Odpovědět Citovat Tomášeek: Já opravdu nemám tušení, co tam má být :( Hrozně moc prosím o pomoc, moc :(
	Tomášeek Profil	#8 · Zasláno: 11. 2. 2020, 09:20:06 Odpovědět Citovat PetraPP: Tak ještě jednou. Kód `$(this).html(...)` je pro obrázek nesmyslný.
	Kajman Profil	#9 · Zasláno: 11. 2. 2020, 09:52:30 Odpovědět Citovat A ten javascript musí být spuštěný až ve chvíli, kdy DOM obsahuje element pro obrázek (nebo ho navěsit na událost jinak). jsfiddle.net/h4jc65dn
		Časová prodleva: 4 roky

Vaše odpověď

Mohlo by se hodit