Difference between revisions of "Team:Tuebingen/galleryTest"
| Line 672: | Line 672: | ||
} | } | ||
| − | .active div:not(.show) img { | + | .gallery .active div:not(.show) img { |
filter: blur(3px); | filter: blur(3px); | ||
} | } | ||
| Line 796: | Line 796: | ||
<p style="visibility: hidden;">hallo123</p> | <p style="visibility: hidden;">hallo123</p> | ||
| − | <a href="#" class="prev">lt;</a> | + | <a href="#" class="prev"><</a> |
| − | <a href="#" class="next">gt;</a> | + | <a href="#" class="next">></a> |
<main class="container gallery"> | <main class="container gallery"> | ||
<div class="test"><img src="https://picsum.photos/id/21/800" alt=""></div> | <div class="test"><img src="https://picsum.photos/id/21/800" alt=""></div> | ||
| Line 823: | Line 823: | ||
const divs = document.querySelectorAll('div.test'); | const divs = document.querySelectorAll('div.test'); | ||
| − | const body = document.querySelector('body | + | const body = document.querySelector('body'); |
const prev = document.querySelector('.prev'); | const prev = document.querySelector('.prev'); | ||
const next = document.querySelector('.next'); | const next = document.querySelector('.next'); | ||
Revision as of 21:49, 2 October 2019