[TASK] update gallery

src/css/gallery.css

@@ -31,6 +31,7 @@ body#page_gallery {
     padding: 10px;
     background: linear-gradient(45deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5));
     border-radius: 50%;
+    background-size: cover;
     width: 110px;
     height: 110px;
     margin: 10px 0;

src/js/chrosey.slideshow.js

@@ -25,76 +25,11 @@ $(function () {
 	}
 
 	let imagesToLoad = [{
+			path: "Restaurant06",
+			alt: "Eingang zu unserem Restaurant vom Theaterfoyer"
+		}, {
 			path: "Restaurant01",
-			alt: "nice"
-		},
-		{
-			path: "Restaurant02",
-			alt: ""
-		},
-		{
-			path: "Restaurant31",
-			alt: ""
-		},
-		{
-			path: "Restaurant34",
-			alt: ""
-		},
-		{
-			path: "Restaurant05",
-			alt: ""
-		},
-		{
-			path: "Restaurant11",
-			alt: ""
-		},
-		{
-			path: "Restaurant13",
-			alt: ""
-		},
-		{
-			path: "Restaurant14",
-			alt: ""
-		},
-		{
-			path: "Restaurant07",
-			alt: ""
-		},
-		{
-			path: "Restaurant08",
-			alt: ""
-		},
-		{
-			path: "Restaurant48",
-			alt: ""
-		},
-		{
-			path: "Restaurant17",
-			alt: ""
-		},
-		{
-			path: "Restaurant19",
-			alt: "Der Blick auf das Foyer aus unserer oberen Etage"
-		},
-		{
-			path: "Restaurant20",
-			alt: ""
-		},
-		{
-			path: "Restaurant23",
-			alt: ""
-		},
-		{
-			path: "Restaurant25",
-			alt: ""
-		},
-		{
-			path: "Restaurant40",
-			alt: ""
-		},
-		{
-			path: "Restaurant49",
-			alt: ""
+			alt: "Einrichtung unseres Restaurants mit einem goldverzierten Spiegel an der Wand"
 		},
 		{
 			path: "Speisen01",
@@ -148,6 +83,71 @@ $(function () {
 			path: "Buffet11",
 			alt: ""
 		},
+		{
+			path: "Restaurant02",
+			alt: "Einrichtung unseres Restaurants mit einem Tisch im Mittelpunkt"
+		},
+		{
+			path: "Restaurant31",
+			alt: ""
+		},
+		{
+			path: "Restaurant34",
+			alt: ""
+		},
+		{
+			path: "Restaurant05",
+			alt: "Dekoration unseres Restaurants, im Hintergrund der Blick auf den Theatervorplatz"
+		},
+		{
+			path: "Restaurant11",
+			alt: "Rückwand unserer Restaurant-Bar mit großer Auswahl an Spirituosen und verschiedenen Gläsern"
+		},
+		{
+			path: "Restaurant13",
+			alt: "Blick hinter die Bar mit Fokus auf einen unserer Kollegen"
+		},
+		{
+			path: "Restaurant14",
+			alt: "Eine dampfende Espressotasse mit Anrichtung",
+			title: "Wie wäre es mit einem Espresso?"
+		},
+		{
+			path: "Restaurant07",
+			alt: "Dekoration unseres Restaurants mit Blick in die Räumlichkeit im Hintergrund"
+		},
+		{
+			path: "Restaurant08",
+			alt: "Dekoration unseres Restaurants"
+		},
+		{
+			path: "Restaurant48",
+			alt: "Blick ins Restaurant von hinter dem Tresen während unsere Kollegin Sie in der Pause bedient"
+		},
+		{
+			path: "Restaurant17",
+			alt: "Dekoration unseres Restaurants, Wein und Spirituosen in original Holzkisten "
+		},
+		{
+			path: "Restaurant19",
+			alt: "Der Blick auf das Foyer aus unserer oberen Etage"
+		},
+		{
+			path: "Restaurant20",
+			alt: ""
+		},
+		{
+			path: "Restaurant23",
+			alt: ""
+		},
+		{
+			path: "Restaurant25",
+			alt: ""
+		},
+		{
+			path: "Restaurant40",
+			alt: ""
+		},
 		{
 			path: "Zubereitung01",
 			alt: "So geht es in der Küche zu"
@@ -164,22 +164,20 @@ $(function () {
 			path: "Zubereitung04",
 			alt: "So geht es in der Küche zu"
 		}
-	]
-	imagesToLoad.sort(function () {
-		return Math.random() - 0.5;
-	})
+	];
+
 	imagesToLoad.forEach(function (element) {
 		var item = '<li><a href="img/gallery/' +
 			element.path +
 			'.jpg" title="" data-lightbox="' +
 			'album' //element.path.substr(0, 4)
 			+
-			'" style="background-image: url(img/gallery/thumb/' +
+			'" style="background-image: url(img/gallery/thumbs/' +
 			element.path +
 			'.jpg);" data-alt="' +
 			element.alt +
 			'" data-title="' +
-			element.alt +
+			(element.title ? element.title : element.alt) +
 			'"></a></li>';
 		$('#navi').append(item);
 	});