Question

Как менять картинку при наведении курсора мыши

Answer 1

Прочитайте http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee или уточните вопрос

Вот примеры смены картинок при наведении с различными эффектами http://shpargalkablog.ru/2012/01/pri-navedenii-na-kartinku-ona.html

Comments

а как ставить в центре вот код
a.rollover {

    background: url(/poze/smotreti1.png);
    display: block;
    width: 140px;
    height: 30px;
   }
   a.rollover:hover {
    background: url(/poze/smotreti2.png);

---

по центру?
margin: 0 auto;

---

И ещё совет. В hover не указывай background: url();. Лучше сделай всё одним изображением и используй background-position.

---

я сделал так
<div align="center"><a href="$ENTRY_URL$"><img src="/poze/smotreti1.png" width="140" height="30"
onmouseover="this.src='/poze/smotreti2.png'; this.width=140;this.height=30;"
onmouseout="this.src='/poze/smotreti1.png'; this.width=140;this.height=30;" /></a></div>

нормально так ?

---

Можно и так,  но лучше через css

---

.img1{
display: block;
width: 140px;
height: 30px;
background: url(/poze/smotreti1.png); /*Склей две картинки, вверху smotreti1.png, а внизу smotreti2.png*/
}
.img1:hover{
background-position: 0 -30px;
}