[Septik]

Привет всем. Есть пару вопросов, касающихся верстки.
1. Каким образом можно изменить картинку одного дива при наведении на другой. Соответственно, если убрать мышку с дива, то картинка меняется на исходную.
2. Как сделать (или может плагин галереи с такой функцией для вордпресс есть), чтобы при разном разрешении экранов отображалось разное количество картинок в ширину. Например, при 1280х1024 отображается 3 картинки, при 1920х1080 - 5 картинок.

[music]

Septik, есть несколько вариантов решения поставленной вами задачи. Мне это представляется так:
1. Две картинки разных цветов склеиваются в одну, например одна под другой. Эта картинка ставится фоном (background:) в элемент div фиксированных размеров. При наведении мыши изменяется параметр background-position.

Код HTML:

 div:hover {background-position: 0 150px;}

2. Тут достаточно обычного свойства float: left; для картинок, обернутых в div со свойством overflow-x: hidden;

Код HTML:

<div style="heignt: 100px; width: 100%; overflow-x: hidden;"> <img src="" style="float: left;" /> <img src="" style="float: left;" /> <img src="" style="float: left;" /> <img src="" style="float: left;" /> <img src="" style="float: left;" /> </div>

Варианты топорные, но это принцип, на который можно опереться.