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
<p>text....</p> <p><a href="obrazek.jpg" title="xxx" rel="lightbox"><img class="" title="" src="https://via.placeholder.com/150x170" alt="..." width="132" ></a> <a href="obrazek.jpg" title="xxx" rel="lightbox"><img class="" title="" src="https://via.placeholder.com/150" alt="..." width="150" height="200"></a></p> <p>text dole....</p> <p>Obrázky nahoře by měly být u sebe a zmenšovat se spolu, pokud bude viewport menší...</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
img { max-width: 100%; height: auto; } .d-flex { display: flex; }
CSS
Autoformát
CSS reset
Až na konci
$('p').each(function(){ var para = $(this); var childrenImg = para.find('img'); if (childrenImg.length > 1) { para.addClass('d-flex'); } });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>