Я использую спрайты CSS для ряда изображений на моем сайте. Я хочу реализовать свои стрелки вверх и вниз как спрайты.
Стрелки имеют один тег img на веб-сайте, и я использую javascript, чтобы поменять нужное изображение.
Допустим, я меняю стрелку вниз на изображении на стрелку вверх. В CSS стрелка вниз - cssDownArrow, а стрелка вверх - cssUpArrow.
Стратегия, которую я выбрал, состояла в том, чтобы пойти туда, где у меня было
menuArrow.src = "/website/images/upArrow.gif";
и измените его следующим образом (cssUpArrow - это класс CSS для спрайта, а clear.gif - изображение-заполнитель, которое я использую для тегов изображения, в которые будут заменяться спрайты):
menuArrow.src = "/website/images/clear.gif";
menuArrow.class = "cssUpArrow";
Однако, когда я делаю это, он не показывает правильное изображение из спрайта, но сохраняет то, что было там раньше.
В какой-то степени я понимаю, почему это происходит, но не уверен в том, что это лучшее решение? Любая помощь? Спасибо!