поменять картинку при клике на ссылко
<ul class="menu">
<li id="backTo" class="othCards">
<table>
<tr>
<td>
<img id="backToImg" src="../core/images/menu/ic_back_disabled.png">
</td>
<td>
<span>Back to Review</span>
</td>
</tr>
</table>
</li>
</ul>
Нужно менять картинко при клике на li те для img менять стиль background-image (url) можно ли это сделать силами css прописав url в css ul.menu li.othCards:active{ color: #048fc6; } |
по моему на много быстрей попробовать можно ли
|
Можно попробовать при клике добавить элементу li.othCards класс "clicked", а в css прописать например:
li.othCards.clicked img:first-child{
background-color:red;
}
а если потом кликать по другому li.othCards, но искать li.othCards.clicked, снимать с него класс "clicked" и ставить его на новый li.othCards . Если не хочешь использовать JQuery, то ищи li.othCards.clicked
var clicked=document.querySelector("ul.menu li.othCards.clicked")
if( clicked ){
remove_class(clicked,"clicked");
}
функцию remove_class возьми отсюда. сам это не проверял. |
| Часовой пояс GMT +3, время: 17:03. |