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
<span class="nahled"> <span class="plocha prvni"></span><img src="http://img.youtube.com/vi/QWsrdhj06VM/1.jpg"> <span class="plocha druha"></span><img src="http://img.youtube.com/vi/QWsrdhj06VM/2.jpg"> <span class="plocha treti"></span><img src="http://img.youtube.com/vi/QWsrdhj06VM/3.jpg"> </span>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.nahled {width: 120px; height: 95px; overflow: hidden; position: relative;} .nahled .plocha {position: absolute; width: 40px; height: 90px; left: 0; top: 0; z-index: 10; background: url(nesmysl-pro-ie); border-bottom: 5px solid #666;} .nahled .druha {left: 40px;} .nahled .treti {left: 80px;} .nahled img {display: none; position: absolute; left: 0; top: 0; z-index: -1} .nahled .prvni+img {display: block;} .nahled .plocha:hover+img {display: block;} .nahled .plocha:hover {border-color: red;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>