Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id=a> <img src="https://static.pexels.com/photos/7174/summer-grass.jpg" id=b> </div> <!-- http://djpw.cz/170996 -->
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#a { width: 400px; height: 400px; display: table-cell; text-align: center; vertical-align: middle; background: black; overflow: hidden; } #b { width: 400px; vertical-align: middle; transition: 1s; z-index: 0; }
CSS
Autoformát
CSS reset
Až na konci
var sekundy = 5; var obrazky = new Array( "https://static.pexels.com/photos/7174/summer-grass.jpg", "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTjOCNcnik0caAqRX601w3rTlf3ZTANFojDWVxc2WOkvOzu4NF7HQ", "https://diskuse.jakpsatweb.cz/img/logo.png", "https://www.jakpsatweb.cz/images/jakpw.png" ); var pocet = obrazky.length; function tma() { document.getElementById('b').style.opacity=0; } function svetlo() { document.getElementById('b').style.opacity=1; } var i = 0; function vymenit() { i++; if (i>=pocet) i=0; document.getElementById('b').src = obrazky[i]; } function promitani() { tma(); setTimeout(vymenit, 1500); setTimeout(svetlo, 1500); } window.setInterval(function(){promitani();}, sekundy * 1000);
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>