1. Започнете нов документ във Adobe Flash CS3, на Action Script 2.0

2. Наименувайте Layer 1 с името Buttons и създайте още два layers с имената Slider и Actions.



3. След това отиде на Buttons Layer.  Там направете 4 изображения на бутони по ваш избор или използвайте тези който аз сам ползвал, ето го просто дайте Save Picture As... и го импортирайте във Flash.



4. След вмъкването на тази графика просто я копирайте и я поставете четири пъти. След като вече ги имате на сцената, кликнете върху първото бутонче и натиснете F8. Там ще ви се появи следното:



5. Сега маркирайте всеки един бутон един по един. Значи започваме със първия. Маркирате го и му слагате Instance Name = button_1.После маркирате втория бутон и му слагате Instance Name = button_2. После маркирате третия бутон и му слагате Instance Name = button_3. После маркирате четвъртия бутон и му слагате Instance Name = button_4.



6. Сега отиваме във Slider Layer. Там рисуваме или импортираме графика на предмета който ще се слайдва. Например аз използвах правоъгълник със стрелкичка отгоре. Ето го:



7. Направете тази графика Movie Clip като натиснете F8 и му дайте име (името се въвежда след като се натисне F8 горе пише Name: там напишете името), което да е slider_mc. След което му добавете и  Instance Name = slider. След процедурата като изберете клипа трябва да изглежда така:



8. Сега изберете вашия movie clip и натиснете F9 за да отворите Action Script панела там напишете следния код: (а и запомнете да изберете клипа, а не на самия фрейм)



onClipEvent (load) {

xMove = _x;
easeSpeed = 5;

}

onClipEvent (enterFrame) {

_x += (xMove-_x)/easeSpeed;

}


9. Сега отиваме на Actions слоя и селектираме Frame 1, след което натискаме F9 и вътре пишем този код:



easeSpeed = 5;

//slider_mc is your Movie Clip's name, not the Instance Name.

slider_mc.onEnterFrame = function() {

this._x += (xMove1-this._x)/easeSpeed;

};

button_1.onPress = function() {

xMove = button_1._x;

};

button_2.onPress = function() {

xMove = button_2._x;

};

button_3.onPress = function() {

xMove = button_3._x;

};

button_4.onPress = function() {

xMove = button_4._x;

};





10. Сега се връщаме отново на бутоните. Изберете първия бутон и натиснете F9 добавете вътре този код:



on (rollOver) {

// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_1._x;

}





Изберете втория бутон и натиснете F9, вътре поставете този код:




on (rollOver) {



// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_2._x;

}

Изберете третия бутон и натиснете F9, вътре поставете този код:




on (rollOver) {



// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_3._x;

}





Изберете четвъртия бутон и натиснете F9, вътре поставете този код:




on (rollOver) {



// slider - Movie Clip's Instance Name. button_1 - Button's Instance Name.
slider.xMove = button_4._x;

}

Свали Работните Файлове и крайния резултат от тук