Как сделать такой блок картинок?

Question

[Nazi]

так как ответа не получил, пересоздам тему. Извиняюсь за спам.
У нас есть 5 картинок, 1 активная увеличенная и когда наводиш на другую то она становится активной и увеличивается.
Мне написали решение когда все картинки сначала неактивны, а как сделать активным средний блок? И чтобы выполняли изображения то же движение? Сылка на предыдущую тему
Как сделать такую галерею картинок?

Answer 1

[Артем Каюн]

Добавь класс, что-то типо .is-active, с такими же правилами как и для :hover эффекта.
А скриптом обрабатывай наведение мыши на соседние блоки. Если курсор над блоком убирай класс .is-active и убирай обработку события.

Comments

[Nazi]

так как я в дж 0 просто нужно когда наводим на блок итем у нас пропадает блок актив?

[Артем Каюн]

Nazi: codepen.io/kayun/pen/zBvpRG

[Артем Каюн]

Тут jquery используется.

[Артем Каюн]

Nazi: Даже вот так codepen.io/kayun/pen/zBvpRG
А то если на сам блок навести то не работает.

[Nazi]

Артем Каюн: большое спасибо, смотри у меня тут тема была еще мне написать решение но, что полуечаться мне надо этот блок на весь экран но в border прописаны пиксели, а мне надо было бы высоту 100% как этот код можно редактировать?Как правильно сделать такой угол?

[Nazi]

Артем Каюн: Возможно есть какой-то другой выход?