Как вывести изображение при наведении на часть div?

Question

[PKPG]

Приветствую!

Есть задача сделать слайдер картиной при наведении на часть блока.
Я поделил блок на 5 маленьких блоков, при наведении на которые появляется картинка, заданная одному из 5-ти маленьких div'ов. Также при наведении на один из блоков полоска сверху меняет цвет на синий.
В общем, как мне кажется, ошибок я не допустил. Не понимаю в чем проблема... Помогите разобраться, пожалуйста.
https://jsfiddle.net/tn0wzfvo/2/

Answer 1

[RTW]

Так? https://jsfiddle.net/ydkaojzx/

Comments

[PKPG]

Тильда? Что она означает? Не подскажете? Интересно) Столько всего в стилях... А я думал, что у меня уровень более, менее

[RTW]

Селектор всех правых соседей на этом же уровне

[PKPG]

И еще вопрос) Два двоеточия "::before", тоже никогда не использовал. В чем отличие от одного двоеточия?

[RTW]

Это вроде появилсось с CSS3, чтобы отличать псевдо классы от элементов

[PKPG]

Спасибо! Очень помогли, никогда бы не догадался, хотя по-любому есть еще много вариантов исполнения. Стоит только подумать подольше :)

Answer 2

[iBird Rose]

это не устроит? agragregra.github.io/Brazzers-Carousel

Comments

[PKPG]

Хотелось бы без скриптов, на чистом css