Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
Zorkina_vica

Виктория

  • 0
    вклад
  • 14
    вопросов
  • 0
    ответов
  • 0%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Какие библиотеки используются для фона на этом сайте https://www.ddd.it/?

    Wacdis
    Ross Alex @Wacdis
    PHP, Python, GO, Rust, NodeJS, SOA/MSA
    https://threejs.org/
    Ответ написан более года назад
    2 комментария
    2 комментария
  • Как исправить мой скрипт чтобы при заходе на сайт слайдер слева работал, а левый нет?

    Стефан @MEDIOFF
    Python Developer
    Я чуть переписал твой js, но теперь как ты хотела так и работает
    let interval = null
    
    class Slider {
        constructor(elemID, onLoad) {
            this.elem = document.querySelector(`#${elemID}`);
            this.slidesMain = this.elem.querySelectorAll('.slide');
            this.currentSlide = 0
            this.onLoad = onLoad
    
            this.changeSlideOnHover()
            
            if (onLoad) {
              this.changeSlideOnLoad()
            }
        }
    
        nextSlide() {
            this.slidesMain[this.currentSlide].classList.remove("showing");
            this.currentSlide = (this.currentSlide + 1) % this.slidesMain.length;
            this.slidesMain[this.currentSlide].classList.add("showing");
        }
    
        changeSlideOnHover() {
            this.elem.addEventListener("mouseenter", () => {
                clearTimeout(interval)
                this.nextSlide()
                interval = setInterval(() => {
                    this.nextSlide()
                }, 6000);
            });
            this.elem.addEventListener("mouseleave", () => {
                clearTimeout(interval)
            });
        }
        
        changeSlideOnLoad() {
            this.nextSlide()
            interval = setInterval(() => {
                this.nextSlide()
            }, 6000);
        }
    }
    
    const slider1 = new Slider('slidesLeft', true);
    const slider2 = new Slider('slidesRight', false);


    И в css измени .presentation-title на такой:
    .presentation-title {
        position: relative;
        padding-bottom: 124px;
        font-size: 75px;
        color: #ffffff;
        z-index: 2;
        font-weight: 800;
        pointer-events: none;
    }
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как реализовать parallax effect со свойством css transform matrix?

    Mecitan
    Фёдор @Mecitan
    Уверенный пользователь клавиатуры
    Матрица преобразования
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Могли бы вы помочь определить шрифт по картинке?

    stratagema
    stratagema @stratagema
    Lilly Mae
    Ответ написан более года назад
    1 комментарий
    1 комментарий
Оценили как «Нравится»
Самые активные сегодня
  • dimonchik2013
    Dimonchik
    • 7 ответов
    • 0 вопросов
  • NikFaraday
    Nik Faraday
    • 6 ответов
    • 1 вопрос
  • firedragon
    Владимир Коротенко
    • 6 ответов
    • 0 вопросов
  • tsklab
    Константин Цветков
    • 5 ответов
    • 0 вопросов
  • Dr. Bacon
    • 5 ответов
    • 0 вопросов
  • gromdron
    Андрей Николаев
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации