задача такая: есть динамически генерируемая менюшка ( все работает на django), нужно чтобы элемент меню ( ссылка с картинкой ) менялся на другую картнку при наведении, как это сделать трушно?
сейчас это сделано так: {%for бла-бла %} "<a href="{{link.href}}" ><img src="/media/menus/top/{{link.name}}.gif" onmouseover="this.src='/media/menus/top/{{link.name}}-over.gif'" onmouseout="this.src='/media/menus/top/{{link.name}}.gif'" alt="{{link.name}}" /></a>" {% endfor %} но дело в том что картинка грузится при наведении, а при большой латентности канала это тормозит. предзагрузку через js делать впадло
можна как-то через a:hover, но как сделать - не доходит, чтобы работало динамически.
еще есть вариант задавать фону смещение при наведени, а фоновая картинка будет хитрая.
или генерить еще один css файл динамически, или внутрь итерации засунуть <style type="text/css" > чего надо </style>?
