В этом уроке рассмотрим создание Flash слайдера фотографий. Наш слайдер будет состоять из встроенной фотографии и при наведении мыши будет автоматически прокручиваться в ту сторону, к которой ближе расположен курсор.
Пример:
Шаг 1 Скачиваем картинки-исходники от сюда
Шаг 2 Создаем в программе новый Flash документ. В документе редактируем его свойства, нажав Ctrl + J. Учтанавливаем ширину нашего документа равной 250 (width) и высотой 250 (height). Цвет фона выбираем #999999, а скорость ролика 32 и жмем ОК.
Шаг 3 На временной шкале проигрывания ролика, меняем название слоя (Layer 1), на любое понравившееся вам название (это не обязательно, просто приучайтесь к порядку).
Шаг 4 Добавляем в библиотеку наши рисунки для дальнейшей работы с ними. Заходим File > Import > Import to Library, в появившемся окне выделяем все фотографии (используя клавишу schift). Теперь открываем flash библиотеку (нажимаем комбинацию кнопок Ctrl + L) и видим там наши импортированные рисунки.
Шаг 5 Выбери инструмент Selection Tool (V) и перетащи файл за файлом на рабочий стол так, как показано на рисунке.
Шаг 6 Выделяем все фотографии и нажимаем клавишу F8. Преобразовываем таким образом объект в Movie Clip. Не забудте указать регистрацию так, как показано на рисунке, по середине вверху.
Шаг 7 Не снимая выделения с объекта Movie Clip, заходим в нижнюю часть свойств объекта (Properties) и ставим название новоиспеченному клипу photos_mc.
Шаг 8 Создайте новый слой в нашей сцене и назовите его action script code. Судя по названию, ты уже догадался, что там будет располагаться код осуществляющий перемотку наших изображений.
Шаг 9 Выдели первый кадр недавно созданного слоя и нажми F9. Появиться панель для ввода кода, скопируй туда вот этот код.
var verticalCenter:Number = stage.stageHeight / 4;
var limit:Number = stage.stageHeight - photos_mc.height;
var speed:Number = 0.1;
var scrollY:Number = 1;
addEventListener(Event.ENTER_FRAME, scrollphotos);
function scrollphotos(e:Event):void {
scrollY = - speed * ( mouseY - verticalCenter );
photos_mc.y+= scrollY;
if (photos_mc.y>0.8) { photos_mc.y= 0.8;}
else if (photos_mc.y< limit) { photos_mc.y= limit; }
}
Вот исходник для тех, кто не любит делать сам.
Приятных экспериментов.
