<script type='text/javascript' src='js/highslid.js'></script>
<script type='text/javascript'>
hs.graphicsDir = '/shared/highslide-4.0.12/graphics/';
hs.outlineType = null;
hs.showCredits = false;
hs.lang={cssDirection:'ltr',loadingText:'Загрузка...',loadingTitle:'Кликните чтобы отменить',focusTitle:'Нажмите чтобы перенести вперёд',fullExpandTitle:'Увеличить',fullExpandText:'Полноэкранный',previousText:'Предыдущий',previousTitle:'Назад (стрелка влево)',nextText:'Далее',nextTitle:'Далее (стрелка вправо)',moveTitle:'Передвинуть',moveText:'Передвинуть',closeText:'Закрыть',closeTitle:'Закрыть (Esc)',resizeTitle:'Восстановить размер',playText:'Слайд-шоу',playTitle:'Слайд-шоу (пробел)',pauseText:'Пауза',pauseTitle:'Приостановить слайд-шоу (пробел)',number:'Изображение %1/%2',restoreTitle:'Нажмите чтобы закрыть картинку, используйте мышь для перетаскивания.'};
</script>
Затем вешаем на картинку:
<td><img class="highslide" onmouseover="hs.expand(this,{src:'images/55.jpg'});" src="images/5.jpg" border="0" height="150" width="150" /></td>
"onmouseove" -при наведениии курсора картинка открывается. "onclick" -при щелчке.
