Kali ini kita akan membuat sebuah slideshow gambar.

Gambar akan berganti secara

otomatis dalam waktu yang sudah ditentukan. Gambar juga akan berganti jika anda
menekan tombol 1 sampai 5 dan juga tombol next.

1. Buatlah sebuah flash document.

2. Buatlah sebuah persegi berukuran cukup besar berwarna putih dengan hitam
sebagai warna garisnya. Buatlah sebuah static text bertuliskan Gambar 1. Letakkan
static text ini di tengah tengah kotak yang anda buat.

3. Seleksi kotak dan static text yang dibuat dan tekan F8. Pada panel yang muncul
masukkan gambar sebagai name dan movie clip sebagai type lalu tekan ok.

4. Seleksi movie clip gambar dan tekan Ctrl+F3. Pada panel properties yang muncul
masukkan gambar sebagai instance name

5. Klik kanan movie clip gambar dan pilih edit. Anda akan masuk ke dalam stage
movie clip gambar.

6. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script
berikut :

1 stop();
7. Klik kanan frame 1 dan pilih copy frames. Klik kanan frame 2 dan pilih paste
frame. Klik kanan frame 3 dan pilih paste frame. Klik kanan frame 4 dan pilih paste
frame. Klik kanan frame 5 dan pilih paste frame.

8. Ubah tulisan Gambar 1 pada static text di frame 2 menjadi Gambar 2. Ubah
tulisan Gambar 1 pada static text di frame 3 menjadi Gambar 3. Ubah tulisan
Gambar 1 pada static text di frame 4 menjadi Gambar 4. Ubah tulisan Gambar 1
pada static text di frame 5 menjadi Gambar 5.

9. Tekan Ctrl+E untuk kembali ke stage scene 1. Buatlah sebuah persegi berukuran
kecil berwarna putih dengan hitam sebagai warna garisnya. Seleksi persegi ini dan
tekan F8.

10. Pada panel yang muncul masukkan kotak sebagai name dan movie clip sebagai
type lalu tekan ok. Seleksi movie clip kotak lalu tekan Ctrl+D sebanyak 5 kali
sehingga di stage muncul movie clip kotak sebanyak 6 buah.

11. Buatlah 6 buah static text masing-masing bertuliskan 1, 2, 3, 4, 5, Next.

12. Letakkan 6 buah movie clip kotak tersebut seperti gambar di bawah ini. Ubah
ukuran movie clip kotak menggunakan Free Transform Tool agar sesuai dengan
gambar di bawah ini.

13. Masukkan instance name pada masing-masing movie clip kotak seperti gambar di
bawah ini :

14. Klik frame 1 dan masukkan script berikut :

1 //membuat variable no dengan nilai 1
2 no = 1;
3 //membuat variable waktu dengan nilai 0
4 waktu = 0;
5 //membuat variable jumlah_frame dengan nilai 5
6 jumlah_frame = 5;
7 //membuat variable i dengan nilai 1 sampai bernilai sesuai nilai
8 variable jumlah_frame
9 for (i=1; i<=jumlah_frame; i++) {
10 //nilai variable id pada movie clip kotak+i sama dengan
11 nilai pada variable i
12 _root["kotak"+i].id = i;
13 //ketika movie clip kotak+i ditekan
14 _root["kotak"+i].onPress = function() {
15 //nilai variable no sama dengan nilai variable id
16 movie clip ini
17 no = this.id;
18 //ubah nilai variable waktu menjadi 0
19 waktu = 0;
20 };
21 //ketika kursor mouse berada di atas movie clip kotak+i
22 _root["kotak"+i].onRollOver = function() {
23 //mainkan frame 2 movie clip ini
24 this.gotoAndStop(2);
25 };
26 //ketika kursor mouse tidak berada di atas movie clip
27 kotak+i
28 _root["kotak"+i].onRollOut = function() {
29 //jika nilai variable id movie clip ini tidak sama
30 dengan nilai variable no
31 if (this.id != no) {
32 //mainkan frame 1 movie clip ini
33 this.gotoAndStop(1);
34 }
35 };
36 }
37 //perintah yang dijalankan ketika frame pada movie clip gambar
38 dimainkan
39 gambar.onEnterFrame = function() {
40 //nilai variable waktu ditambah 1
41 waktu++;
42 //jika nilai variable waktu sama dengan 1
43 if (waktu == 1) {
44 //membuat variable i dengan nilai 1 sampai
45 bernilai sesuai nilai variable jumlah_frame
46 for (i=1; i<=jumlah_frame; i++) {
47 //mainkan frame 1 movie clip kotak+i
48 _root["kotak"+i].gotoAndStop(1);
49 }
50 //mainkan frame 2 movie clip kotak+no
51 _root["kotak"+no].gotoAndStop(2);
52 //ubah nilai transparansi movie clip ini menjadi 0
 this._alpha = 0;
}
//jika nilai transparansi movie clip ini kurang dari 100
if (this._alpha<100) {
53 //nilai tranparansi movie clip ini ditambah 5
54 this._alpha += 5;
55 }
56 //jika variable waktu bernilai 80
57 if (waktu == 80) {
58 //jalankan fungsi reset
59 reset();
60 //ubah nilai transparansi movie clip ini menjadi 0
61 this._alpha = 0;
62 }
63 //mainkan frame movie clip ini sesuai nilai variable no
64 this.gotoAndStop(no);
65 };
66 //ketika movie clip kotak_next ditekan
67 kotak_next.onPress = function() {
68 //jalankan fungsi reset
69 reset();
70 };
71 //ketika kursor mouse berada di atas movie clip kotak_next
72 kotak_next.onRollOver = function() {
73 //mainkan frame 2 movie clip ini
74 this.gotoAndStop(2);
75 };
76 //ketika kursor mouse tidak berada di atas movie clip kotak_next
77 kotak_next.onRollOut = function() {
78 //mainkan frame 1 movie clip ini
79 this.gotoAndStop(1);
80 };
81 //membuat fungsi bernama reset
82 function reset() {
83 //nilai variable no ditambah 1
84 no += 1;
85 //jika nilai variable no lebih dari nilai variable
86 jumlah_frame
87 if (no>jumlah_frame) {
88 //ubah nilai variable no menjadi 1
89 no = 1;
}
//ubah nilai variable waktu menjadi 0
waktu = 0;
}

15. Tekan Ctrl+Enter untuk melihat hasilnya.

16. Anda dapat mengganti static text yang terdapat pada movie clip gambar dengan
gambar yang anda inginkan.