Снег на сайте с помощью Flash
Скоро наступает Новый Год, и многие стремятся как-то украсить свои сайты. Добавление падающего снега заметно оживит любой сайт, а добавить этот эффект на сайт под управлением MODx можно буквально за несколько минут. Особо следует отметить, что для этого не требуется никаких специальных знаний и навыков.
Снег на сайте
Лучше всего снег выглядит на темном фоне – черном или темно–синем. При этом чаще всего снег добавляется в рисунок, расположенной в верхней части страниц сайта.
Сначала следует скачать небольшой файл snow.swf, содержащий необходимый эффект. Исходные тексты этого эффекта находятся на сайте flashist.ru, посвященном технологии Flash. При желании вы можете внести изменения в алгоритм, изменив количество и особенности поведения снежинок, однако для начала вполне достаточно готового файла, скачанного с нашего сайта. Поместите скачанный файл в папку assets/flash, после чего следует создать небольшой сниппет, назвав его Snow. В сниппете используется средство SWFObject, загружаемое с сервера Google. В случае, если у пользователя отсутствует нужная версия проигрывателя Flash или отключен JavaScript, снег не пойдет, но никаких искажений основного изображения не будет. Вот текст нужного сниппета:
<?php
$width = isset($width) ? $width : 400;
$height = isset($height) ? $height : 200;
$jsInclude =
'http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js';
$modx->regClientStartupScript($jsInclude);
$jsSWF = '<script type="text/javascript">
swfobject.embedSWF("assets/flash/snow.swf",
"snow", "'.$width.'", "'.$height.'",
"8.0.0", false, false,
{wmode:"transparent", scale:"noscale", salign:"TL"},
{style: "position: absolute; z-index: 100;"});
</script>
';
$modx->regClientStartupScript($jsSWF);
$output = '<div id="snow"
style="width: '.$width.'px;
height: '.$height.'px; position: absolute;
z-index: 100;"></div>';
return $output;
?>
Далее добавьте в шаблон или документ перед фрагментом, на котором должен находиться снег, вызов сниппета [[Snow? &width=`400` &height=`150`]]. Параметры &width и &height задают соответственно ширину и высоту области, выделенной для снега. Если на веб-странице имеется тег base, необходимо добавить после него конструкцию <!––[if IE]></base><![endif]––>, иначе в некоторых версиях Internet Explorer возникнет ошибка и страница не будет загружена. Теперь вы можете увидеть, как на вашем сайте пойдет снег.
