Переменная в имени изображения

[Laroux]

есть несколько ссылок, выводимых блоками заданного размера. Внутри каждого блока по картинке

надо, чтобы при наведении на блок картинка менялась на соответствующую. Вот js для блока 3 http://jsfiddle.net/5y163gbx/

[Switch74]

И в чем проблема?

А не проще было бы не картинку менять, а поверх накладывать затемнение с лупой?

если картинка меняется полностью, то какая и зачем вам там переменная нужна?

[Laroux]

Не хочу играться с background-ом, честно говоря.

А картинки-то меняются соответственно друг другу - т.е. s1 изменяется на z1, s2 на z2 и т.д.

 

Кстати, решение я уже нашел. Если надо, могу поделиться

[rus]

делать js-ом то, что можно сделать на css - извращение.

[Yazon_Nile]

делать js-ом то, что можно сделать на css - извращение.

Тем более с препроцессингом.

[Laroux]

Погодите-ка.. как это я могу сделать изменение стиля одного элемента и  атрибута второго элемента при наведении мыши на родителя средствами css?

Эт, как мне кажется, не сделать никак

[Switch74]

например так

.parent:hover>.children1{}.parent:hover>.children2{}

[Laroux]

<a class=aaa>

<img class=bbb>

<img class=ccc>

</a>

как изменить стиль только элемента с классом ccc (не трогая bbb), при наведении на блок с классом aaa?

[Yazon_Nile]

css? не слышал..

 

.aaa:hover .ccc {

    /* здесь только для ccc */

}