Как создать галерею изображений в Flash (AS2)

Обратите внимание, что можно использовать файлы .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:

(нажмите, чтоб увеличить)