Никакие команды ssh не работают тут? Т.е. мне не нужно заранее авторизовываться командой
ssh -t git@github.com? ls. const myScriptJs = document.querySelector('#last-js');
const setScriptElement = document.createElement('script');
const mediaQuery = window.matchMedia('(max-width: 580px)');
let galleryItem;
mediaQuery.addListener(loadScripts);
function loadScripts() {
if (mediaQuery.matches == true) {
setScriptElement.innerHTML = '';
setScriptElement.setAttribute('class', 'addScript');
setScriptElement.setAttribute('src', '"js/swiper-bundle.min.js"');
myScriptJs.insertAdjacentElement('beforeBegin', setScriptElement);
Array.from(galleryItems).forEach(galleryItem => {
galleryItem.classList.add('swiper-slide')
})
}
else if (setScriptElement) {
const addScript = document.querySelectorAll('.addScript');
addScript[0].remove();
console.log(addScript);
Array.from(galleryItems).forEach(galleryItem => {
galleryItem.classList.remove('swiper-slide')
})
}
}loadScripts(), вызвать другую функцию, при срабатывание условия.const galleryItems = document.querySelectorAll('.gallery__slide');
let galleryItem;
for (let i = 0; i < galleryItems.length; i++) {
galleryItem = galleryItems[i];
console.log(galleryItem);
}
console.log(galleryItem);const galleryItems = document.querySelectorAll('.gallery__slide');
const myScriptJs = document.querySelector('#last-js');
const setScriptElement = document.createElement('script');
const mediaQuery = window.matchMedia('(max-width: 580px)');
mediaQuery.addListener(loadScripts);
function loadScripts() {
if (mediaQuery.matches == true) {
setScriptElement.innerHTML = '';
setScriptElement.setAttribute('class', 'addScript');
setScriptElement.setAttribute('src', '"js/swiper-bundle.min.js"');
myScriptJs.insertAdjacentElement('beforeBegin', setScriptElement);
addSwiper();
}
else if (setScriptElement) {
const addScript = document.querySelectorAll('.addScript');
addScript[0].remove();
removeSwiper();
}
}
for (var i = 0; i < galleryItems.length; i++) {
let galleryItem = galleryItems[i];
addSwiper(galleryItem)
removeSwiper(galleryItem)
}
function addSwiper(item) {
item.classList.add('swiper-slide');
}
function removeSwiper(item) {
item.classList.remove('swiper-slide');
}Ничего подобного. Если ширина меньше высоты, то обрежет наоборот.
Немного что??
Думаю, что сначала нужно на бумажке нарисовать как именно вы хотите его свободно перемещать и от чего это зависит.
За позиционирование фона отвечает background-position.
https://github.com/dmitrybavin/pages