tutorial membuat gallery interaktif

Upload: merissayasmina

Post on 08-Feb-2018

220 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/22/2019 Tutorial Membuat Gallery Interaktif

    1/5

    Membuat Gallery Interaktif

    1. Buat file project dengan ukuran 800x600

    2. Siapkan 3 buah gambar dengan ukuran yang ama berukuran ! " 300 x # " $00maing maing diberi nama interior1big, interior2big, interior3big

    3. Siapkan 3 buah gambar yang ama untuk dijadikan thumbnail dengan ukuran

    lebih kecil mial 110 x 1%0. dengan nama interior1thumb, interior2thumb,

    interior3thumb&

    $. Siapkan ebuah gambar dengan namajudul untk gambar yang muncul dia'al

    boleh diberi 'arna yang ukurannya ama dengan gambar yang bear ( !"300&

    #"$00

    %. Siapkan dua gambar untuk curor yang berbeda bentuknya

    6. )mport data yang dibutuhkan eperti *ambar& curor& +udio& background kedalam

    ,at -ember

    . /huu untuk memaukan cursorcaranya adalah (

    File Importpilih file curor dan aktifkan bitmap image

    +ktifkan image 8 bit

  • 7/22/2019 Tutorial Membuat Gallery Interaktif

    2/5

    /emudian untuk membuat member menjadi curor klik : Insert media

    Element Cursor

    /emudian pilih tombol adddan maukan curor yang digunakan pada

    Cursor Frames dan patikan ie 32 x 32 pixel kemudian tekan ok

  • 7/22/2019 Tutorial Membuat Gallery Interaktif

    3/5

    8. ambahkan cript berikut diframescripta'al

    on exitFrame me

    cursor (member 13)

    end

    dan tambahkan cript diba'ah pada akhir frame

    on exitFrame me

    go the frame

    end

    4. /emudian uun prite pada core dan gambar pada tage dan tambahkan text

    dengan tulian Desain Interior

    5rame 1

    Disesuaikan dengan

    no member dalam castmember

    Sprite text

  • 7/22/2019 Tutorial Membuat Gallery Interaktif

    4/5

    10. /emudian berikan cript pada etiap gambar thumbnail klik kanan padathumbnail dan pilih script yang ada dengan cript diba'ah (

    on mouseenter me

    sprite(3).member="interior1big"

    puppetsound 3,"quack"

    member(9).text="desain interior 1"

    cursor (member 13)

    end

    on mouseea!e me

    sprite(3).member="udu"

    member(9).text="#esain $nterior"

    cursor (member 1%)

    end

    Disesuaikan dengan

    no member cursoryang keduadalam

    cast member

    Disesuaikan denganno member dalam cast

    member

  • 7/22/2019 Tutorial Membuat Gallery Interaktif

    5/5

    11. /eterangannya adalah (

    ika moue memauki tombol gambar 1

    Sprite 3 diganti dengan gambar member 7interior1big

    -uncul uara 79uack di chanel 3

    ext member 4 menjadi 7deain interior 1

    ,uror menjadi gambar pada member 13 panah

    ika moue keluar dari tombol gambar 1

    Sprite 3 diganti dengan gambar member 7udul

    ext member 4 menjadi 7deain interior

    ,uror menjadi gambar pada member 12 panah a'al