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 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.
16. Anda dapat mengganti static text yang terdapat pada movie clip gambar dengan gambar yang anda inginkan.
Sourcenya dapat di download di sini



/thanks
ありがとうございます。
January 6th, 2010 at 20:03
om admin saya pengen nanya nih tenteng attachMovieClip saya baru attacMovieClip nih
tolong kasih tau saya cara agar sekali pake attachMovieClip bisa munculin dua gambar sekaligus
soal nya saya coba gak bisa – bisa tolong ya om admin
maaf nih kalo ngerepotin
January 7th, 2010 at 08:10
Langsung contoh scriptnya ya :
Tapi sebelumnya di library ada movie clip yang diberi linkage gambar
January 7th, 2010 at 08:44
January 7th, 2010 at 08:47
January 17th, 2010 at 11:43
bang admin yang roda bisa diputer pake mouse tu apakah dah jadi?????
January 19th, 2010 at 04:59
Belum bisa.
February 8th, 2010 at 21:39
om admin (ikut-ikutan),, mw nanya neeh…
kan diatas tuh pas udah di paste framex, dikasi nama di static textx, tapi kok intance namex gak muncul ????
February 15th, 2010 at 08:51
Static text nggak ada instance namenya.
February 17th, 2010 at 01:40
klo bisa seminggu sekali ad yg baru bisa gk
February 17th, 2010 at 12:45
Maunya sih begitu, tapi saat ini kami sedang sibuk mengerjakan game kami sehingga tidak sempat bikin tutorial yang baru
June 10th, 2010 at 03:20
mw tnya ne mas admin kenapa sering keluar error kya:
TextField.as: Line 7: The name of this class, ‘TextField’, conflicts with the name of another class that was loaded.
{
tp jalan pas tes movie ,,kenapa ya??
August 7th, 2010 at 12:44
mas saya baru belajar flash nie , gimana ya caranya nge-linknya.
seandainya page per page sudah saya buat.yang aq belum tau di situnya mas..mohon bimbingannya ya mas salam kenal.
August 9th, 2010 at 08:23
Maksudnya nge-link gimana ya?
August 9th, 2010 at 15:27
mau bikin website ohmm…
domain sudah punya tgl ngelink page yg di buat ke domain tersebut
August 10th, 2010 at 07:33
Kami doakan semoga lancar
Webnya temanya tentang apa ya?