Cześć. Jeśli to nie ten dział, to sorry, przenieście wątek.
Piszę aplikację w Phonegap i moim zadaniem jest zrobienie, aby po klinięciu w button ROZPOCZNIJ w DIV-ie pojawił się jeden obrazek a po 3 sekundach zmienił sie na inny.
Robię to tak:
Oba DIV-y ładuję od razu, ale stylem wymuszam ukrycie:
<div id="imgtrening">
<div class="cw1a" style="display: none" ><img style="width:100%"; src="images/cw1a.jpg" alt=""></div>
<div class="cw1b" style="display: none" ><img style="width:100%"; src="images/cw1b.jpg" alt=""></div>
</div>
Następnie po kliknięciu w button o id="rozpocznij"
document.getElementById('rozpocznij').onclick = function()
{
/* Trening */
$('.cw1a').css('display', 'block')
sleep(3000);
$('.cw1a').css('display', 'none')
$('.cw1b').css('display', 'block')
};
gdzie sleep jest funkcją jaką mam kilka linii dalej opóźniającej o żądaną liczbę milisekund.
I aplikacja po kliknięciu po prostu czeka 3 sekundy, następnie pokazuje den drugi obrazek (czyli nie widać pierwszego i nie ma całej animacji) .