Как сделать выделение картинки?
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя |
Сообщение |
<< Старые топики Новые топики >> |
|
|
Как сделать выделение картинки? - 2009-05-11 08:25:22.290000
|
|
|
[ScarFace]
Сообщений: 32
Оценки: 0
Присоединился: 2009-03-08 06:05:54.813333
|
Вообщем есть adult сайт на движке dle там краткие новости показыны картинка так вот вопрос Как сделать так что бы когда наводишь мышкой на картинку ее грани выделялись другим цветом? Надеюсь меня поняля С меня ++
|
|
|
RE: Как сделать выделение картинки? - 2009-05-11 13:07:45.943333
|
|
|
oRb
Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
|
quote:
Как сделать так что бы когда наводишь мышкой на картинку ее грани выделялись другим цветом? <img src='test.png' onmouseover='this.style.border="1px solid #FF0000"' onmouseout='this.style.border="1px solid #00FF00"'> примерно так. Насчет бордера точно не помню. quote:
Надеюсь меня поняля нипанятна (с) quote:
С меня ++ ты не можешь плюсы ставить
|
|
|
RE: Как сделать выделение картинки? - 2009-05-11 15:27:15.160000
|
|
|
bobgubko
Сообщений: 8
Оценки: 0
Присоединился: 2009-01-23 09:30:36.570000
|
quote:
<img src='test.png' onmouseover='this.style.border="1px solid #FF0000"' onmouseout='this.style.border="1px solid #00FF00"'> примерно так. Насчет бордера точно не помню. не спорю, вариант правильный, но проще сделать в css 2 класса и просто меня класс картинок:: *css:: .over { border:1px solid #F00; } .out{ border:1px solid #00FF00; } ———- <img src='test.png' onmouseover=' this.className="over" ' onmouseout=' this.className="out" '>
|
|
|
RE: Как сделать выделение картинки? - 2009-05-11 15:31:57.566666
|
|
|
[ScarFace]
Сообщений: 32
Оценки: 0
Присоединился: 2009-03-08 06:05:54.813333
|
quote:
ORIGINAL: bobgubko quote:
<img src='test.png' onmouseover='this.style.border="1px solid #FF0000"' onmouseout='this.style.border="1px solid #00FF00"'> примерно так. Насчет бордера точно не помню. не спорю, вариант правильный, но проще сделать в css 2 класса и просто меня класс картинок:: *css:: .over { border:1px solid #F00; } .out{ border:1px solid #00FF00; } ———- <img src='test.png' onmouseover=' this.className="over" ' onmouseout=' this.className="out" '> Это что просто в css надо вставить?
|
|
|
RE: Как сделать выделение картинки? - 2009-05-11 15:44:37.700000
|
|
|
oRb
Сообщений: 4044
Оценки: 597
Присоединился: 2007-03-28 18:45:06.630000
|
bobgubko, верно думаешь. можно попробовать полностью на CSS сделать .test {
border:1px solid #F00;
}
.test:hover {
border:1px solid #0F0;
} <img src='test.png' class="test" />
|
|
|
RE: Как сделать выделение картинки? - 2009-05-11 16:09:33.276666
|
|
|
ritick
Сообщений: 53
Оценки: 0
Присоединился: 2008-11-26 03:24:04.230000
|
quote:
ORIGINAL: oRb bobgubko, верно думаешь. можно попробовать полностью на CSS сделать .test {
border:1px solid #F00;
}
.test:hover {
border:1px solid #0F0;
} <img src='test.png' class="test" /> quote:
.test { border:1px solid #F00; } .test:hover { border:1px solid #0F0; } <img src='test.png' class="test" /> Скажите как это все настроить я просто 0 в css
|
|
|
RE: Как сделать выделение картинки? - 2009-05-11 17:25:56.253333
|
|
|
Fraqter
Сообщений: 123
Оценки: 0
Присоединился: 2009-01-26 21:17:05.456666
|
<style type='text/css'> /* Начально состояние картинки, то есть рамки Где: 1px - ширина рамки в пикселях #55aa27 - цвет в hex */ #img {border: 1px solid #55aa27;} /* Состояние картинки после наведение на нее мыша Где: 2px - ширина рамки в пикселях #e30e0e - цвет в hex */ #img:hover {border: 2px solid #e30e0e;} </style> Добавляем id к img <img src='blablabla.jpg' id='img'> Радуемся :)
|
|
|
RE: Как сделать выделение картинки? - 2009-05-11 20:07:00.410000
|
|
|
bobgubko
Сообщений: 8
Оценки: 0
Присоединился: 2009-01-23 09:30:36.570000
|
если мне не изменяет память, то псевдоклассы (hover,active,….) работают только для ссылок (согласно документации), а тут картинка… и, вроде бы, в IE работать не должно, поэтому советую делать quote:
<img src='test.png' onmouseover=' this.className="over" ' onmouseout=' this.className="out" '>
|
|
|
|
|