Очень оригинальный фокус. Мы сделаем слайд-шоу используя базовые знания Action Script-а. Все очень просто, помните, когда мы просматриваем flash-галерею, там всегда есть кнопка «slide-show», когда мы ее нажимаем, то к примеру все картинки воспроизводятся по очереди с определенной скоростью перехода. Можно конечно написать «движок», но можно обойтись маленькой хитростью... 1.Создаем новый документ и называем его «slide-show.fla»
2.Размер 500х400, fps – 24. 3.Создаем 2 слоя в главной сцене «Маска» и «Изображения».
В слое «Маска» рисуем прямоугольник размером 300х260.4 и расположением 104.3 х46.4. (цвет любой, этот прямоугольник будет маской). Делаем слой «mask». 4.В слое «Изображения» мы создаем 7 кадров. В каждом кадре по изображению, дабы они стояли ровно по центру нашего прямоугольника в "маске". В слое «Маска» в 7 кадре нажимаем F5.
5.Создаем еще один слой над слоем «Изображения» и называем его «Стопы». Создаем 7 кадров и в каждом пишем такой актшин:
stop(); 6.Создаем новый слой «Кнопки», он будет стоять над слоем «Маска», потом делаем новую кнопку Insert > New Symbol (Ctrl+F8) и называем ее «Кнопка вправо», рисуем изображение самой кнопки и называем его «Кнопка». Проделываем тоже самое еще раз, только для «Кнопка влево».
7.Далее создаем еще одну кнопку «Слайд-шоу». Ту самую, о которой и шла речь изначально!!! Как будет она выглядеть уж вам решать. 8.Теперь самое интересное. Мы создаем управление слайд-шоу с помощью кнопок «вправо и влево» используя Action Script. Для этого мы навесим на левую кнопку такой скрипт:
on (release) {
prevFrame();
} и для правой кнопки:
on (release) {
nextFrame();
} а вот для нашей кнопки «Слайд-шоу» нам немного придется повозиться, но совсем немного. Превращаем нашу кнопку в MovieClip и называем его «Мувик», в нем два слоя по два кадра, в слое «1» в первом кадре наша кнопка, во втором кадре тоже кнопка, но желательно другого цвета. Вот втором слое «2» в обоих кадрах ставим акшин:
stop(); Два кадра нужны для «переключателя» слайд-шоу, т.е. вкл.\выкл.... на первую кнопку вешаем такой акшин:
on (release) {
gotoAndStop(2);
} а на вторую кнопку:
on (release) {
gotoAndStop(1);
} т.е. Гоняем по кругу, включаем и выключаем кнопку.
9.Создаем третий слой «3». В нем мы будем устанавливать время перескока между нашими картинками. Как? Создаем новый MovieClip, Insert > New Symbol (Ctrl+F8). Ставим в первом кадре в первом слое «1» маленький кубик, потом нажимаем в 20 кадр F6 и из этого кубика делаем полоску, тащим с лева на право, потом в середине между 1 и 20 кадров нажимаем правой кнопкой мыши и ставим (Create Shape Tween). Т.е. У нас получается анимация типа «загрузки».
Создаем второй слой «2» и в 20-ом кадре ставим такой код: _root.nextFrame();
Это означает, что действие nextFrame() по истечению 20 кадров произойдет с основным мувиком, поскольку рут(_root) указывает "вверх на уровень". Вот и все... на каком бы мы изображении не находились, всегда можно включить слайд-шоу и выключить его. А ленточку мы можем спрятать... или доработать. Исходник урока здесь >>>
|