|
Смена картинки при клике и обратно
|
|
| Безымянный6227 | Дата: 14 Мая 2010, 18:36 | Сообщение # 1 |  ● ● ● ● ● 15 сообщений Статус: Offline | Дело происходит в табах. Там есть что-то типо подменю, будем называть их так. Каждое подменю обозначается картинкой. Мне нужно, чтобы при клике картинка 1 менялась на картинку 2, а потом при переключении подменю возвращалась картинка 1. Я думал как-то с помощью css, но никогда не работал с картинками. Бред получился... Code <style type="text/css"> /* Inf */ a.noun:link {background: url(картинка 1); width:30px; height:30px;} a.noun:active {background: url(картинка 2); width:30px; height:30px;} /* --- */ </style> <div style="padding-top:4px; padding-left:2px;" class="inf"><a href="#"><img src="прозрачная картинка"></a> Облазил всю сеть. Чего только не видел, но необходимого так и не нашёл((( Помогите плз... | | |
|
| Infamous | Дата: 14 Мая 2010, 18:42 | Сообщение # 2 |  ● ● ● ● ● 1670 сообщений Статус: Offline | Code <img src="http://src.ucoz.net/img/wd/1/sample.gif" onclick="toggleImage(this);" />
<script type="text/javascript">
function toggleImage(a) {
var d = 'http://src.ucoz.net/img/wd/3/sample.gif';
a.src = a.src == d ? 'http://src.ucoz.net/img/wd/1/sample.gif' : d;
}
</script> | | |
|
| Безымянный6227 | Дата: 14 Мая 2010, 19:18 | Сообщение # 3 | ● ● ● ● ● 15 сообщений Статус: Offline | Infamous,
А как с табами связать? | | |
|
| Infamous | Дата: 14 Мая 2010, 19:21 | Сообщение # 4 | ● ● ● ● ● 1670 сообщений Статус: Offline | Безымянный6227, пример я привёл выше. Дальше думай сам. | | |
|
| Безымянный6227 | Дата: 14 Мая 2010, 20:25 | Сообщение # 5 | ● ● ● ● ● 15 сообщений Статус: Offline | Нажимая по табу, нужно, чтобы нажималась и картинка... Тык-с... * думает *Добавлено (14 Май 2010, 20:25)
---------------------------------------------
 | | |
|
| mob_dp | Дата: 15 Мая 2010, 12:49 | Сообщение # 6 | ● ● ● ● ● 4112 сообщений Статус: Offline | a.src = a.src == d ? 'http://src.ucoz.net/img/wd/1/sample.gif' : d;
Code a.src = (a.src==d) ? 'http://src.ucoz.net/img/wd/1/sample.gif' : d; | | |
|
| Infamous | Дата: 15 Мая 2010, 13:03 | Сообщение # 7 | ● ● ● ● ● 1670 сообщений Статус: Offline | mob_dp, скобки здесь имеют значение? | | |
|
| cucYa | Дата: 15 Мая 2010, 14:01 | Сообщение # 8 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Infamous, здесь - нет. | | |
|
| Безымянный6227 | Дата: 15 Мая 2010, 18:18 | Сообщение # 9 | ● ● ● ● ● 15 сообщений Статус: Offline | В css
Code
.tabs li.current {
color: #000;
background: #BEBEBE; }
#aaa tabs li.current {background:url('http://www.nimpo.at.ua/dizain/personal_page/tabs/tabs_a_background.png');}
.vertical .tabs li.current {
width: 40px;
height: 40px;
color: #000;
border-top: 1px solid #696969;
border-left: 1px solid #696969;
border-bottom: 1px solid #696969;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px; }
В HTML
Code <li class="current" id="aaa"><div style="padding-top:4px; padding-left:2px;">...</div></li> Добавлено (15 Май 2010, 18:18)
---------------------------------------------
Не работает((( | | |
|
| Denisгггг | Отредактировал Denisгггг - Суббота, 15 Мая 2010, 21:59 Дата: 15 Мая 2010, 21:58 | Сообщение # 10 | ● ● ● ● ● 232 сообщения Статус: Offline | http://ruseller.com/lessons/les410/example/index.html можт поможет | | |
|
| Безымянный6227 | Дата: 15 Мая 2010, 23:09 | Сообщение # 11 | ● ● ● ● ● 15 сообщений Статус: Offline |  Неа(( | | |
|
| Said | Дата: 25 Декабря 2012, 17:49 | Сообщение # 12 | ● ● ● ● ● 1 сообщение Статус: Offline | Код <img src="http://src.ucoz.net/img/wd/1/sample.gif" onclick="toggleImage(this);" />
<script type="text/javascript">
function toggleImage(a) {
var d = 'http://src.ucoz.net/img/wd/3/sample.gif';
a.src = a.src == d ? 'http://src.ucoz.net/img/wd/1/sample.gif' : d;
}
</script> Код <img src="http://src.ucoz.net/img/wd/1/sample.gif" onclick="toggleImage(this);" />
<script type="text/javascript">
function toggleImage(a) {
var d = 'http://src.ucoz.net/img/wd/3/sample.gif';
a.src = a.src == d ? 'http://src.ucoz.net/img/wd/1/sample.gif' : d;
}
</script> | | |
|
