Смена изображения при наведении на него курсора мыши

Материал из Umicms
Перейти к:навигация, поиск

Стоит такая задача, как смена изображения при наведения на него курсора мыши, допустим смена с черно-белого на цветное изображение. Для выполнения этой задачи будем использовать модуль Фотогалерея, саму смену будем реализовывать при отображении фотографий списком. В шаблоне ~tpls/photoalbum/default.tpl, в блоке album_block_line пропишем такую строку:

<a onMouseOver="document.pic%id%.src='%data getProperty('%id%', 'photo', 'preview_image')%';" 
onMouseOut="document.pic%id%.src='%data getProperty('%id%', 'photo2', 'preview_image')%';">
<img src="%data getProperty('%id%', 'photo2', 'preview_image')%" border="0" name="pic%id%"></a>

'photo' и 'photo2' - идентификаторы полей с изображениями.

Шаблон tpls/data/preview_image.tpl с таким блоком:

$FORMS['img_file'] = <<<END
%system makeThumbnail(%filepath%, 'auto',120 , 'view2')%
END;

А шаблон tpls/thumbs/view2.tpl с таким:

$FORMS['image'] = <<<END
%src%
END;