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