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
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet"> <section id="portfolio"> <center> <div class="portofolio-imgs"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_1.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/wms_logo.jpg" data-alt="Popisek" onclick="openGallery1(this)"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_2.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/casopis_1.jpg" data-alt="Popisek" onclick="openGallery2(this)"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_3.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/web_chata1.jpg" data-alt="Popisek" onclick="openGallery3(this)"> </div> <div class="portofolio-imgs"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_4.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/machac_fest.jpg" data-alt="Popisek" onclick="openGallery4(this)"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_5.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/oceneni_1.jpg" data-alt="Popisek" onclick="openGallery5(this)"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_6.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/obal_orechy.jpg" data-alt="Popisek" onclick="openGallery6(this)"> </div> <div class="portofolio-imgs"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_7.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/noviny_1.jpg" data-alt="Popisek" onclick="openGallery7(this)"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_8.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/svatebko.jpg" data-alt="Popisek" onclick="openGallery8(this)"> <img src="https://www.jans.cz/imgs/portfolio/kategorie/kategorie_9.jpg" class="portfolio-img-slide" data-src="imgs/portfolio/infografika_1.jpg" data-alt="Popisek" onclick="openGallery9(this)"> </div> </div> </center> </section>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.portofolio-imgs { width: 95vw; display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; margin-right:20px; } .portfolio-img-slide { height: 225px; padding: 15px; flex-shrink: 0; } .portfolio-img-slide:hover { cursor: pointer; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>