let path = {
..
src: {
css: source_folder + "/scss/*.scss",
},
..
}
const photo = $('#photo');
for (let i = 0; i < data.length; i++) {
const img = $('<img>');
photo.append(img);
img.attr({ src: data[i].url, width: data[i].width, height: data[i].height, alt: data[i].alt })
}
$("img").attr(...) задаёт атрибуты для всех изображений на странице.$('#photo').append(`<img src="${data[i].url}" width="${data[i].width}" height="${data[i].height}" alt="${data[i].alt}">`);document.addEventListener('DOMContentLoaded', function() {
var mainNav = document.querySelector('.menu__body');
window.onscroll = function() {
mainNav.classList.toggle('test', mainNav.scrollTop > 50 || document.documentElement.scrollTop > 50);
}
});
localStorage.setItem('test', 'Что-то');sendInfo('test', 'https://ваш_сайт/handler.php');
function sendInfo(key, url) {
// Создаем форму в конструкторе:
var formData = new FormData();
// Добавляем поле с данными в форму:
formData.append(key, localStorage.getItem(key));
// Создаем запрос:
var xhr = new XMLHttpRequest();
xhr.open('POST', url);
// Обработка ответа:
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
alert('Запрос выполнен успешно, ответ сервера: ' + xhr.responseText);
}
else {
alert('При выполнении запроса произошла неизвестная ошибка!');
}
}
}
// Отправка:
xhr.send(formData);
}
почему-то не работает
new Swiper?
<div onclick="this.querySelector('source').setAttribute('src', this.querySelector('source').getAttribute('data-src')); this.removeAttribute('onclick');" class="video-block">
<video id="my-player" class="video-js" controls data-setup='{}'>
<source data-src="./video/blum/2.mp4" type="video/mp4"></source>
</video>
</div>
$('#myModal').on('hidden.bs.modal', function (e) {
// do something...
})// Swiper JS Внутри карточки магазига //
var myswiper2 = new Swiper('.swiper-container-item', {
slidesPerView: 1,
spaceBetween: 4,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// Swiper JS Modal //
$('#product_view').on('shown.bs.modal', function(e) {
myswiper2.update();
//var $invoker = $(e.relatedTarget);
//swiper.slideTo($invoker.data('slider'));
//swiper.update();
});
