Помогни ни да направим Uroci.net по - богат! Добави урок

Обикновена Flash галерия

accorp   трудност:    видян: 25213



2.4 На готовия Movie Clip задайте Instance Name – loadpic.



2.5 Тъй като на втори фрейм ще се зарежда картинка е добре да се сложи preloader.

3 Сложете няколко “Key Frame” (F6) – на слоя (loadpic). Броя на тези фреймове се определя от броя на картинките, които ще съдържа вашата галерия. Това се прави за да може на всеки фрейм да се зарежда определена картинка, а бутоните за предишна и следваща просто да сменят фреймовете. В този урок ще направя само 3 фрейма, т.е. ще зареждам само 3 картинки, защото няма смисъл от повече. На фрейма btns трябва да има един Key Frame (първия фрейм) и 3 обикновени фрейма. Маркирайте ги директно в панела и натиснете F6. Сега всичките фреймове трябва да са Key (имат малка черна точка).



4 Action Script на бутоните:

4.1 Направете така, че на всички фреймове да има Action Script
stop();



4.2 На бутона за следваща картинка сложете следните кодове:
Frame 1:
on(release){gotoAndPlay(2);}
(от стъпка 1.1)

Frame 2:
on(release){gotoAndPlay(3);}

Frame 3:
on(release){gotoAndPlay(4);}

Frame 4: Тук оставете празно поле. В случая това е последния фрейм. На последен фрейм, за този бутон се оставя празно поле, имайте го предвид.

4.3 На бутона за предишна картинка:
Frame 1: Тук е празно поле. За този бутон на първи фрейм се оставя празно.
Frame 2:
on(release){gotoAndPlay(1);}

Frame 3:
on(release){gotoAndPlay(2);}

Frame 4:
on(release){gotoAndPlay(3);}

Това е последния фрейм.

4.4 На фреймовете:
Освен, че на всеки фрейм има код за спиране (stop();), трябва да се сложат и AS за зареждане на картинките. За ваше удобство може да направите още един слой с име “Actions” и там да сложите и кодовете за спиране и кодовете за заредане на картинки. Не забравяйте, че на този слой трябва да има само “Key Frame”-ове. Ето как трябва да изглежда фрейм 2:

Ето разяснение по Action Script:
Frame 1: Тук няма да се зарежда картинка. Ако сте прибавили слой Actions пише се само stop();, разбира се.
Frame 2:
stop();
loadpic.onEnterFrame = function(){
loadMovie("picture1.jpg", "loadpic");
};

Frame 3:
stop();
loadpic.onEnterFrame = function(){
loadMovie("picture2.jpg", "loadpic");
};

Frame 4:
stop();
loadpic.onEnterFrame = function(){
loadMovie("picture3.jpg", "loadpic");
};

Кратко разяснение по кода:
loadpic. – това (+ точката) означава, че кода се отнася за нашия Movie Clip от стъпка 2.2 – 2.3.
onEnterFrame = function(){… – това означава, че при навлизането на анимцията във фрейма ще се извърши следната функция (многоточието).
loadMovie – обикновено зареждане.
"picture3.jpg" – това е частта за адресиране. Може да е пълен URL или име на локален файл.
"loadpic" – Тази част, отделена със запетая от предната е атрибута target. Тук се задава къде точно да се зареди ‘обекта’, посредством Instance Name на нашия target. Вижте стъпка 2.4 където сме задали това име, би трябвало да съвпадат, иначе няма да се зареди нищо.


Страници: «1 2 3 »

Сподели урока:



Коментари (8)

^`^isi^`^ на 13.11 2006 в 23:08ч.
Може ли да дадете линк да видим какво се получава? TY
accorp на 14.11 2006 в 13:58ч.
http://store4.data.bg/accorp/temp/gallery/ - Ето от тук може да се види подобна галерия.
Принципът е същия, но дизайна е малко променен :)
Gam3r43 на 21.03 2007 в 12:37ч.
Едно не ми стана ясно тия скриптове каде да ги пишем нали цъкаме на бутона за следваща снимка а там пише key frame 1,key frame 2 и т.н.Та на самите фреймове ли да ги пишем или на бутона и ако е на фреймовете то поне посочете на layer
canon4o на 14.07 2007 в 22:50ч.
Gam3r43 тези кодове се пишат в Action Panel-а (като се натисни F9 той излиза и там се пишат)
grizli на 05.05 2008 в 02:25ч.
И аз искам линк за резултата - този не работи - you have no permission
simeonkata на 11.05 2008 в 16:06ч.
моля линк ако може линка в датабг не работи :(
smoka97 на 20.07 2008 в 17:09ч.
може ли едно демо
da4ka13 на 27.08 2008 в 12:39ч.
Защо просто не използвате prevFrame() и nextFrame() за смяната на кадрите и една променлива за името на исканата снимка, която да се обновява от Stage.currentframe.
И това го правите на 1-я кадър и после само копирате кадрите до колкото снимки искате.

Регистрирайте се, за да добавите коментар


Калдейта Ком ЕООД - © 2003-. Всички права запазени.
Препоръчваме: IT Новини