проверил сотню раз со своего компа, с телефона, с телефона подруги, с телефона друга
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);
main.js:24 Uncaught TypeError: Cannot read property 'addEventListener' of null
в общем, по ходу, если контент не влезает в контейнер (как здесь все заголовки не влезают в box-text-text skrol ), то when there isn't enough space, space-around behaves like center
то есть просто центрирует все элементы, и поэтому просто получается так что список начинается с 7.. если окно по вертикали стянуть и отзумить, то будет список начинаться с других цифр
https://stackoverflow.com/a/34455480