<< | JavaScript-cvičení? | >>

Zadání

  • vytvořte responzivní fotogalerii s využitím LightBoxu podle předlohy
    • nastavte responzivní šířku stránky, náhledy obrázků i tlačítka v nabídce
    • v každé galerii zobrazte min. 8 obrázků s popisky
    • zajistěte přehlednou strukturu souborů umístěním v podsložkách css, js a images

Předloha

Zvětšit

Ukázka LightBoxu

Zvětšit

Ukázka kódu pro připojení LightBoxu

<!DOCTYPE HTML>
<html>
	<head>
		<title>Cvičení - Školní fotogalerie</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/styl.css"/>
		<link rel="stylesheet" href="css/lightbox.min.css">
		<script src="js/lightbox-plus-jquery.min.js"></script>
	</head>

Školní stránky

RSS