при наведении курсора на изображение, как изменить два или более изображений?

Question

Я посещаю интерактивный урок в художественном центре Пасадены, и нам поручили создать веб-сайт, который включает в себя наведение изображений.Обычно ученики создают наведение на один снимок, но я хочу сделать так, чтобы при наведении курсора на изображение менялись несколько изображений на странице.

Я читаю некоторые форумы наспособы сделать это, но единственное решение, которое я могу найти, это через скрипт Java.Единственная проблема в том, что мы можем использовать только Dreamweaver и CSS.

Кто-нибудь из вас, ребята, знает, как этого можно достичь, используя только CSS и / или базовый HTML?

Answer 1

Если ваш преподаватель сказал вам, что вам разрешено использовать только HTML / CSS, то я не думаю, что вы сможете это сделать - CSS: hover psuedoclass будет влиять только на элемент, на который наведен курсор.

Если вам разрешено использовать Javascript, то желаемый эффект определенно возможен.

Я собрал краткий пример того, как можно это сделать: JS Fiddle .