Difference between revisions of "Team:Tuebingen/galleryTest"

Line 799: Line 799:
 
<a href="#" class="next">&gt;</a>
 
<a href="#" class="next">&gt;</a>
 
<main class="container gallery">
 
<main class="container gallery">
−
<div><img src="https://picsum.photos/id/21/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/21/800" alt=""></div>
−
<div class="vertical"><img src="https://picsum.photos/id/22/800/1000" alt=""></div>
+
<div class="test vertical"><img src="https://picsum.photos/id/22/800/1000" alt=""></div>
−
<div class="horizontal"><img src="https://picsum.photos/id/23/1400/800" alt=""></div>
+
<div class="test horizontal"><img src="https://picsum.photos/id/23/1400/800" alt=""></div>
−
<div><img src="https://picsum.photos/id/24/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/24/800" alt=""></div>
 
<div><img src="https://picsumhttps://picsum.photos/id/25/800.photos/id/25/800" alt=""></div>
 
<div><img src="https://picsumhttps://picsum.photos/id/25/800.photos/id/25/800" alt=""></div>
−
<div class="big"><img src="https://picsum.photos/id/26/800" alt=""></div>
+
<div class="test big"><img src="https://picsum.photos/id/26/800" alt=""></div>
−
<div><img src="https://picsum.photos/id/27/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/27/800" alt=""></div>
−
<div class="vertical"><img src="https://picsum.photos/id/28/800" alt=""></div>
+
<div class="test vertical"><img src="https://picsum.photos/id/28/800" alt=""></div>
−
<div><img src="https://picsum.photos/id/29/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/29/800" alt=""></div>
−
<div class="horizontal"><img src="https://picsum.photos/id/10/800" alt=""></div>
+
<div class="test horizontal"><img src="https://picsum.photos/id/10/800" alt=""></div>
−
<div><img src="https://picsum.photos/id/11/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/11/800" alt=""></div>
−
<div class="big"><img src="https://picsum.photos/id/12/800" alt=""></div>
+
<div class="test big"><img src="https://picsum.photos/id/12/800" alt=""></div>
−
<div><img src="https://picsum.photos/id/13/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/13/800" alt=""></div>
−
<div class="horizontal"><img src="https://picsum.photos/id/14/800" alt=""></div>
+
<div class="test horizontal"><img src="https://picsum.photos/id/14/800" alt=""></div>
−
<div><img src="https://picsum.photos/id/15/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/15/800" alt=""></div>
−
<div class="big"><img src="https://picsum.photos/id/16/800" alt=""></div>
+
<div class="test big"><img src="https://picsum.photos/id/16/800" alt=""></div>
−
<div><img src="https://picsum.photos/id/17/800" alt=""></div>
+
<div class="test"><img src="https://picsum.photos/id/17/800" alt=""></div>
−
<div class="vertical"><img src="https://picsum.photos/id/18/800" alt=""></div>
+
<div class="test vertical"><img src="https://picsum.photos/id/18/800" alt=""></div>
 
</main>
 
</main>
  
Line 822: Line 822:
 
     // TODO: touch events
 
     // TODO: touch events
  
−
const divs = document.querySelectorAll('div');
+
const divs = document.querySelectorAll('div.test');
 
const body = document.body;
 
const body = document.body;
 
const prev = document.querySelector('.prev');
 
const prev = document.querySelector('.prev');

Revision as of 20:50, 2 October 2019

Gallery

hallo123

hallo123

hallo123