| 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: 10 let
|
|||
0