- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Как создать галерею изображений в Flash (AS2)
Март 31, 2011
Обратите внимание, что можно использовать файлы .swf, .jpeg, .png и .gif
.1.Нам нужно 3 картинки размером 180×180 пикселей и 3 миникартинки (60×60 пикселей) для этих изображений. Назовите их image-1.jpg, image-2.jpg, image-3.jpg и thumb-1.jpg, thumb-2.jpg, thumb-3.jpg.
2.Сейчас создайте новый Flash файл. Перейдите в Свойства (Properties) или в Modify >> Document (Ctrl+J) (Изменить >> Документ (Ctrl+J)), задайте такие разметы: ширина (width) — 280 пикселей, высота (height) — 200 пикселей. На компьютере сохраните его как loadMovie.fla. Например, “new folder” (новая папка). Переместите все картинки и миникартинки в папку “gallery” (галерея), а папка “gallery” в свою очередь должна быть в “new folder” (новая папка):
3. Добавьте 2 новых слоя и переименуйте их сверху вниз: actions, images, buttons. (действия, изображения, кнопки)
4. Перейдите в первую рамку слоя buttons и вставьте первую миникартинку. Chose File >> Import >> Import to Stage (Ctrl+R) (Выбрать файл >> Импорт >> Импорт в область кадра (Ctrl+R)) выберите в компьютере thumb-1.jpg и потом нажмите на кнопку «Open» (открыть). Пока миникартинка все еще остается выбранной, перейдите Modify >> Convert to Symbol (F8) (Изменить >> Конвертировать в символ(F8)). В появившемся окне «Конвертировать в Символ» в поле Type (тип) выберите MovieClip, а в текстовом поле Name (имя) напечатайте thumb1MC. Пока выбран тип «movieclip» перейдите в панель «Properties» (Свойства) и в текстовом поле <Instance Name> (Имя экземпляра) введите thumb1_mc, как показано на картинке ниже.
5. Повторите шаг 4 для двух другох мини изображений. Зайте им соответствующие имена для мувиклипа (movieclip) и экземпляра (instance). Миникартинки Вы можете расположить на сцене справа, слева, сверху или снизу. Например:
6. На первой раме слоя images (изображения). При помощи инструмента Rectangle tool (прямоугольник) (R) нарисуйте на сцене прямоугольник 180×180 (не заштриховывайте и не заливайте цветом). Перетащите прямоугольник туда, где Вы хотите, чтоб появилась картинка.
7. Пока выделен прямоугольник, переконвертируйте его в мувиклип (Modify >> Convert to Symbol >> выберите MovieClip как тип и назовите imagesMC >> потом нажмите на кнопку ОК). Пока выбран movieclip перейдите в панель «Properties» (Свойства) и дайте название экземпляра (instance name) images_mc.
8. Сейчас нужно добавить код ActionScript.
Перейдите в первую рамку слоя actions (действия) и откройте панель Actions (F9). Укажите здесь ActionScript код, который использует метод loadMovie():
this.onLoad=function(){ loadMovie("gallery/image-1.jpg", images_mc); images_mc._alpha=0; } this.onEnterFrame=function(){ images_mc._alpha+=10; } thumb1_mc.onRelease=function(){ images_mc.loadMovie("gallery/image-1.jpg"); images_mc._alpha=0; } thumb2_mc.onRelease=function(){ images_mc.loadMovie("gallery/image-2.jpg"); images_mc._alpha=0; } thumb3_mc.onRelease=function(){ images_mc.loadMovie("gallery/image-3.jpg"); images_mc._alpha=0; }
9. Через File >>Publish Preview>>Flash (Файл>>Просмотр Публикации>>Флэш ) или (CTRL+ENTER) опубликуйте .FLA файл. Вы сможете предворительно просмотреть галерею. В “new folder” (новой папке) появится файл .SWF:
Пожалуйста, ознакомьтесь ниже с детальным, обучающим видео о том, как создать галерею изображений в Flash (AS2): Как создать галерею изображений в Flash (AS2)