Изменение картинки при наведении на него курсора мышки в YOOaccordion - Joomla 1.0: Шаблоны

В шаблонах Yootheme используется модуль YOOcaacordion
так вот - при наведении на картинки мышки в этом модуле менюшки меняется вид картинки. Но мне не удаётся разобраться как это сделано - понятно что там две картинки в папке /images/yootheme
скажем:
left_yoolightbox.png
и left_yoolightbox_spotlight.png
в админке joomla в модуле видно одну из этих картинок но свойства - как сделанно это - посмотреть нельзя - её почему то можно толькло удалить. Если ставить свою и пытатся прописать доп ссылки  в блоке
Swap image раздела Advanced - то ничего не получается.

Не совсем понял, что именно тебе непонятно: как работает сам аккордеон или как работает подсветка картинки при наведении курсора миши?

Как работает аккордион - визуально конечно понятно - в нутрь в коды я не лезу, так как не программер. А вот картинки которые выпадают при нажатии кнопок менял и не удалось сделать так же как по умолчанию у YOOtheme

Так вот я и спрашиваю - что именно не удалось сделать(подсвечивание? отражение? или что?)?
ЗЫ: И "по умолчанию" в каком шаблоне??

Допустим взять EVOLUTION
http://demo.yootheme.com/index.php?show=jul08/index.php
если раскрыть кнопку
YOOspotlight и навести мышку на осветитель, то он загорится - ну типа лампочка в нём
т.е походу медленно накладывается вторая картинка - вот как это сделанно не могу воткнуть

Вот это я и хотел услышать
Итак:
1. Ставим и включаем плагин YOOeffects(плагин бесплатный - можно скачать с офсайта).
2. Далее читаем это, это и это(в зависимости от нужного эффекта).

Ага - спасибо - почитаю! Ок!

http://tutorials.yootheme.com/index.php?option=com_mtree&task=viewlink&link_id=116&Itemid=2
Вот - нашёл что искал - пол дела сделанно

Не знаю почему - но согласно видео уроку
вот такаю плюшка у меня не работает - хотя плагин в 1.5.8 стоит и в конфиге по дефолту данного шаблона это всё работало тоже
<br /><br /><h2>Spotlight</h2>
<div class="whitebox" style="text-align: center;">
  <div class="spotlight" style="background: url(/images/yootheme/ring.png); width: 410px; height: 220px; margin: auto;"></div>
</div>

А ring_spotlight.png в папке images/yootheme/ есть?

Да! И потом там в видео мануале добавляют код прямо в редакторе
у меня этот номер не проходит ни в поле html кода
ни в редакторе -ни даже через кнопку редактора - добавить картинку с определёнными параметрами где я выставляю Spotlight, там и строка то другая получается не такая как в мануалах у них расписанно.
Обновил YOOeffects - не спасло

Ну как есть мысля какая? Может я что то по мелочи не так делаю и из за этого не получается
Парадокс в том что в конфигурации по умолчанию картинка почему то не показывала свои свойства ни в какую - её только удалить можно было в редакторе - поэтому не посмотреть ничего не получилось...

Посмотри тут(Ответ #2) - возможно из-за этого проблема(ЗЫ: Относится не только к JCE).

Сделал
"Зайди в Материалы->Менеджер материалов->Параметры и в самом низу и из списка Параметры фильтрации выбери Registered, а в параметре Тип фильтрации выбери Чёрный список (по умолчанию) и нажми Сохранить."
При вставке кода
<div class="spotlight" style="background: url (images/yootheme/left_yoospotlight.png);" width="117" height="102"></div>
 Ругается что  Материал должен содержать текст -
т.е вообще не втыкает
И кстати из за изменений кодировка сбилась я всё обратно вернул всё в норму тут же пришло

<div class="spotlight" style="background: url (images/yootheme/left_yoospotlight.png);" width="117" height="102"></div>

Данную строчку добавлял в поле ввода HTML кода?

ЗЫ: Сейчас попробую у себя - отпишусь.

да в поле html кода

Блин - кодировка сбилась и обратно не вернуть
как изначально всё было? - какие параметры в разделе >Параметры фильтрации ...
При том я не понимаю - это же не Java Script - обычный HTML  где используется <div>
а вот эту разметку спокойно сохранят
<img class="spotlight" src="images/yootheme/left_yoospotlight.png" border="0" alt="s" title="s" width="117" height="102" />

Всё. Проблема решена за счёт установки JCE Editor 1.5.x