Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verzePoslední revizeObě strany příští revize | ||
krouzek:slideshow [2020/02/05 17:43] – admin | krouzek:slideshow [2020/02/12 17:19] – admin | ||
---|---|---|---|
Řádek 46: | Řádek 46: | ||
// | // | ||
setInterval(X, | setInterval(X, | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | ==== Minimální slideshow ==== | ||
+ | |||
+ | <code javascript> | ||
+ | //existuje <img id=" | ||
+ | |||
+ | // | ||
+ | var cislo_obrazku = 1; | ||
+ | |||
+ | function prepniObrazek(){ | ||
+ | document.getElementById(" | ||
+ | //0, 1, 2 | ||
+ | cislo_obrazku = (cislo_obrazku+1) % 3; | ||
+ | |||
+ | } | ||
+ | |||
+ | // | ||
+ | setInterval(prepniObrazek, | ||
+ | </ | ||
+ | |||
+ | ==== Fadein, | ||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | div { | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | .fadeout { | ||
+ | animation-name: | ||
+ | animation-duration: | ||
+ | animation-fill-mode: | ||
+ | } | ||
+ | |||
+ | .fadein { | ||
+ | animation-name: | ||
+ | animation-duration: | ||
+ | animation-fill-mode: | ||
+ | } | ||
+ | |||
+ | @keyframes fadeout { | ||
+ | from {opacity: | ||
+ | to {opacity: | ||
+ | } | ||
+ | @keyframes fadein { | ||
+ | from {opacity: | ||
+ | to {opacity: | ||
+ | } | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | |||
+ | <div class=" | ||
+ | |||
+ | < | ||
+ | setTimeout(function(){ | ||
+ | document.getElementById(' | ||
+ | document.getElementById(' | ||
+ | |||
+ | },5000) | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
</ | </ | ||