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 class="minigalerie"> <a href="#"> <img src="http://lorempixel.com/200/100?1"> </a> <a href="#"> <img src="http://lorempixel.com/200/100?2"> </a> <a href="#"> <img src="http://lorempixel.com/200/100?3"> </a> <a href="#"> <img src="http://lorempixel.com/200/100?4"> </a> <a href="#"> <img src="http://lorempixel.com/200/100?5"> </a> <a href="#"> <img src="http://lorempixel.com/200/100?6"> </a> <a href="#"> <img src="http://lorempixel.com/200/100?7"> </a> <a href="#"> <img src="http://lorempixel.com/200/100?8"> </a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.minigalerie { width: 450px; } .minigalerie a { display: inline-block; border: 1px solid #ccc; } .minigalerie a img { display: block; padding: 5px; border: none; } .minigalerie a:hover img { padding: 3px; } .minigalerie a:hover { display: inline-block; border: 3px solid #00c; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>