for(let i=0; i<imagesOnPage.length; i++)
так всё заработало.filter__panel {
&_show {
/*
здесь ничего не надо, ничего не будет применяться "на десктопе"
*/
@media screen and (max-width: 767px) {
// mobile styles
/*
а вот здесь всё что будет применяться только на мобильных разрешениях и больше нигде
*/
}
}
}
проверил сотню раз со своего компа, с телефона, с телефона подруги, с телефона друга
var images = []
// все мои картинки
var imagesOnPage = document.querySelectorAll('.mini-img img')
for (var i = 0; i < imagesOnPage.length; i++) {
// каждый src добавляем в массив images[]
images.push(imagesOnPage[i].src)
}
// выдергиваем все слайды и помещаем в images[]
const images =
[...document.querySelectorAll('.mini-img img')] // делаем массив из document.querySelectorAll('.mini-img img')
.map(image => image.src) // в массиве каждый элемент меняем на его src (сорс картинки)
document.querySelector('#bigImg').src = arr[current]
for (var i = 0; i < result2.users.all_name.length; i++) {
const something = result2.users.short_name[i] != '' ? ' | ' + result2.users.short_name[i] : ''
res += '<option value="' +
result2.users.all_name[i] +
something + '">' +
result2.users.all_name[i] +
something
'</option>';
}
[...document.querySelectorAll('.tab-pane')] // массив
.map(tab => tab.id) // айдишники табов
.includes(location.hash) // true / false?
<div
class="gallery__image"
style="background-image: url(img/news__image.jpg)"
data-img="img/BIG_IMAGE_news__image.jpg">
</div>
popup img - это изображение по умолчанию
тоесть маленькое?
а .show .img-show -большое?
$(".popup img").click(function () {
var $src = $(this).attr("src"); // по клику берет аттрибут
$(".show").fadeIn(); // показывает див
$(".img-show img").attr("src", $src); // подставляет img src
});
this.box.addEventListener('mousemove', setCords);
(как они здесь неаккуратно навешали одинаковых обработчиков на один элемент однако)