поменять картинку при клике на ссылко
<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, время: 18:30. |