-
Notifications
You must be signed in to change notification settings - Fork 0
/
script-gallery.js
25 lines (21 loc) · 971 Bytes
/
script-gallery.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var photos = [
'img/gallery-picture/course_html_2_index-large.jpg',
'img/gallery-picture/course_html_2_catalog-large.jpg',
'img/gallery-picture/course_html_2_form-large.jpg',
'img/gallery-picture/course_html_2_index_tablet-large.jpg',
'img/gallery-picture/course_html_2_catalog_tablet-large.jpg',
'img/gallery-picture/course_html_2_form_tablet-large.jpg',
'img/gallery-picture/course_html_2_index_mobile-large.jpg',
'img/gallery-picture/course_html_2_catalog_mobile-large.jpg',
'img/gallery-picture/course_html_2_form_mobile-large.jpg',
];
var thumbnails = document.querySelectorAll('.view-gallery__photo-preview');
var fullPhoto = document.querySelector('.full-photo');
var addThumbnailClickHandler = function (thumbnail, photo) {
thumbnail.addEventListener('click', function () {
fullPhoto.src = photo;
});
};
for (var i = 0; i < thumbnails.length; i++) {
addThumbnailClickHandler(thumbnails[i], photos[i]);
}