Autor | Zpráva | ||
---|---|---|---|
ThomasCooper Profil |
#1 · Zasláno: 3. 1. 2017, 16:10:57
Ahoj potřeboval bych udělat třeba 3 tlačítka, po tom co na ně najedu myší se někde na stránce změní obrázek, který je přidělený k prvnímu tlačítku a když najedu na druhé tlačítko, změní se na obrázek co je nastavený pro druhé tlačítko atp atp .... lámal jsem si s tím hlavu protože jsem celkem noob a snažím se naučit něco v javascriptu a jediné na co jsem přišel bylo řešení pomocí změny SCR u <img> s onmouseOut na tlačítkách ale to je celkem nestabilní a při rychlejším přijíždění to blbne :D
|
||
_es Profil |
#2 · Zasláno: 3. 1. 2017, 18:19:25
Čo tak ten tvoj pokus ukázať, aby sa prišlo na to, prečo to „blbne“?
|
||
ThomasCooper Profil |
#3 · Zasláno: 3. 1. 2017, 19:23:47
zde jest to geniální dílo :D nevím jestli by mi někdo neporadil jiný způsob jak to vytvořit nebo nějaký preloader jak tam hodit... mám teorii že to prostě nestíhá při rychlejším přejíždění měnit to src a načítat fotky co mají tak 150kb :D
<img src="radek.jpg" id="otaznik"> <script type="text/javascript"> var image = getElementById("obrazek"); function tomas() { obrazek.setAttribute("src", "tomas.jpg"); } function filip() { obrazek.setAttribute("src", "filip.jpg"); } function petr() { obrazek.setAttribute("src", "petr.jpg"); } </script> <div class="button1" id="tomas" onmouseout="tomas()"> <p class="b1-text">Tomáš</p> </div> <div class="button1" id="petr" onmouseout="petr()"> <p class="b1-text">Petr</p> </div> <div class="button1" id="filip" onmouseout="filip()"> <p class="b1-text">Filip</p> </div> |
||
_es Profil |
#4 · Zasláno: 3. 1. 2017, 20:11:20
Nenastavuj atribút
src ale vlastnosť src : Problémy s getAttribute/setAttribute.
„Preloader“ spravíš veľmi jednoducho, tak, že dáš na začiatok skriptu: var obrazok1 = new Image; obrazok1.src = "adresaObrázka1"; ... |
||
ThomasCooper Profil |
#5 · Zasláno: 3. 1. 2017, 21:12:26
jo dobrý. Jen jsem přihodil na tlačítka stejnou funkci jak k onmouseout tak i onmousover a už přes ně mohu přejíždět jak rychle chci a vždy je tam správný obrázek :D i tak díky za rady:3
|
||
Časová prodleva: 7 let
|
0