Всплывающая картинка при наведении на текст - Модули и плагины

Joomla 1.5.20
Иногда требуется чтобы по ходу чтения пользователь мог визуально
не уходя на другую страницу посмотреть фотографию улучшаюшую представление о прочтённом.
К сожалению простого готового решения в интернете не нашёл везде отмазки (иди туда, посмотри там,
попробуй подправить это).
Потратил на это решение 2 дня. Нашёл решение на основе CSS
Фотография ставится  в течении 10-15 минут, вродебы долго, но зато надёжно, да и не так уж
много на сайте требуется таких вставок.
Здесь Демо:
http://open-fl.ru/price.html
Здесь первоисточники которыми я пользовался:
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/#thumb
http://greenfam.narod.ru/help/htmlcss.html#null

1. В templates\ваш шаблон\css создаём файл thumbnail.css в котором прописываем такой код:
<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS для увеличенного изображения*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS для увеличенного изображения*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*Координаты расположения картинки*/
visibility: visible;
top: 50%;/*вертикальное положение картинки*/
left: 20%; /*здесь меняем горизонтальное положение картинки в зависимости от положения ссылки на странице*/

}

</style>
2. Далее в файле template.css.php  который находится здесь templates\ваш шаблон\css
 в любом месте прописываем, т.е. добавляем следующие строки:
// Joomla thumb styling
$yootools->loadCSS(PATH_ROOT.'thumbnail.css');
3. Далее в файле template.css  который находится здесь templates\ваш шаблон\css
 добавляем следующие строки:                                                            
/* Thumb */
@import url(thumbnail.css);
                                                                     На этом подготовка закончена      
                      
Теперь при написании статьи в текстовом редакторе (я пользуюсь JoomlaFCK),
включив исходный код (нажимаем кнопку «источник»)  нужное мне слово я обрамляю следующим кодом:
<a title="Это титлы у курсора" class="thumbnail" href="#thumb"> нужное мне слово <span><img alt="" src="images/plov.jpg" /><br />
Это подпись внутри картинки</span></a></p>
Можно также после <img alt=""  вставить фиксированные размеры картинки width="220" height="165"  

Мучает только один вопрос - не созаёт ли это нагрузку на сервер или на загрузку страницы?

Задание опытным скриптоводам-автоматизируйте всё это, создайте плагин или мамбот чтобы в редакторе появилась кнопочка, выделив текст и нажав на эту кнопочку мы избавились от ручного труда.
Только не засоряйте тему иди туда посмотри там.

прикольно, можно как альтернативу использовать и плагин tooltip

Ну послать вас можно в правила форума - где написано что использование красного цвета запрещенно.
А так как уже сказал mr.s0uc3 есть плагин yoo_tooltip.
Кстати вышеперечисленный стесан именно с него.

Кстати вышеперечисленный стесан именно с него.

Абсолютно разные вещи, к тому же не у всех работает даже текст не говоря про картинки. 
sinbad13 - Сообщений: 1353 (3.922 в день). Вам бы делом заняться, а не засорять форум.

Абсолютно разные вещи, к тому же не у всех работает даже текст не говоря про картинки. 

Нужно руки чтобы из правильного места росли.

sinbad13 - Сообщений: 1353 (3.922 в день). Вам бы делом заняться, а не засорять форум.

ufaslava - Сообщений: 6. Репутация: +0/-0. Вам бы сначала больше 10 сообщений набрать, чтобы что-то мне предъявлять.

У меня нет файла template.css.php
Полагаю, его нужно создать?!

3. Далее в файле template.css  который находится здесь templates\ваш шаблон\css
 добавляем следующие строки:                                                           
/* Thumb */
@import url(thumbnail.css);

Это можно добавить в самый низ таблицы?!

Не получилось!