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
<img src="http://fakeimg.pl/100x100/000000?text=Hello" src2="http://fakeimg.pl/100x100/ff0000?text=Hello"> <img src="http://fakeimg.pl/100x100/000000?text=Ahoj" src2="http://fakeimg.pl/100x100/ff0000?text=Ahoj">
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var imgs = document.images; for (var i = 0; i < imgs.length; i++) { if (imgs[i].hasAttribute('src2')) { (function(img) { img.setAttribute('src1', img.getAttribute('src')); img.onmouseover = function() { img.setAttribute('src', img.getAttribute('src2')); }; img.onmouseout = function() { img.setAttribute('src', img.getAttribute('src1')); } })(imgs[i]); } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>