TUTORIAL MEMBUAT SLIDESHOW DENGAN EFEK FADE

Sebuah slide show adalah presentasi dari serangkaian gambar diam pada perangkat layar proyeksi atau layar elektronik, biasanya dalam urutan yang telah diatur sebelumnya. Setiap gambar biasanya ditampilkan setidaknya beberapa detik, dan kadang-kadang selama beberapa menit, sebelum digantikan oleh gambar berikutnya.
Dan disini saya akan memberikan sebuah tutorial slideshow dengan  efek fade. Slideshow ini dapat memperindah tampilan gambar pada website anda. Saya membuat dengan dengan cara  menggunakan struktur html, jquery, css. Ikuti langkah-langkah dibawah ini dengan teliti dan benar :
  1.  Sebelum membuat slideshow, kita harus mempersiapkan Jquery terlebih dahulu 
  2. Lalu berikan setelah <title> dan sebelum </title>
    Misalnya : <title> judul </title>     
  3.  Letakkan Jquery setelah <script> seperti gambar dibawah ini
  4. Pada <body> ketikkan ukuran gambar yang akan anda inginkan. Serta desain yang akan anda buat pada slideshow, kemudian masukkan kalimat sesuai keinginan anda. Jangan lupa masukkan nama foto/gambar harus sesuai yang anda simpan. Atur keletakan gambar entah di tengah, pinggir ataupun bawah.



  5.  Simpan dokumen tersebut dengan extensi .html
  6.  Berikut hasil pembuatan slideshow efek fade (gambarnya akan berganti sendiri).







'THANKS'
  
semoga dapat membantu anda dalam mengerjakan tugas ataupun mendesain web.  ^_^






Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Kursi 3D menggunakan Blender

Gambar
Sebelumnya kita kan sudah belajar mengenal beberapa sortcut dan beberapa istilah yang sering di gunakan dalam pembuatan object 3D dalam aplikasi Blender. Nah kali ini kita langsing belajar membuat object 3D nya. Ikuti langkah-langkahnya ya?    1. Buka blender maka akan muncul object balok, camera dan lampu, sebelumnya kita harus mengetahui kegunaan 3 benda tersebut, pertama lampu berguna untuk penerangan obyek ketika di render, balok sebagai object 3D dan camera untuk mengambil gambar sebuah object ketika di render,    2. Untuk membuat kursi pertama kita pipihkan dulu balok yang sudah ada dengan cara tekan tombol   pada keyboard “S” kemudian “Z”.     3.   Kemudian putar view kita dengan cara klik view --> bottom dan perbesar dengan cara putar scrol pada mouse ke arah depan.    4. Kemudian buat kotak-kotak kecil di masing masing sudut balok dengan cara ubah dulu dari object mode menjadi edit mode, deng...
Baca selengkapnya

7 Langkah Mudah Membuat Meja Sederhana Menggunakan Aplikasi Blender 3 Dimensi

Gambar
Assalamu’alaikum…              Pada pembahasan sebelumnya saya telah menjelaskan bagaimana Cara Instal Aplikasi Blender 3D . namun dalam pembahasan kali ini saya coba untuk membuat Sebuah Object yaitu Membuat Meja Menggunakan Aplikasi Blender Tersebut. Oke deh langsung saja ya disimak… : 1.         pastinya aplikasi Blender tersebut sudah terinstal di Laptop/PC sobat. Untuk cara Instal-nya klik Disini 2.         Sobat klik File - New , atau bisa menekan tombol di keyboard, ctrl+n . dan akan menampilkan seperti gambar :              Setelah masuk pada aplikasi blender tersebut, pada gambar diatas adalah gambar berbentuk kubus. Dimana kubus tersebut menjadi bahan dasar untuk membuat meja. Seleksi pada object kubus tersebut ( klik kanan mouse ) - Klik S pada keyboard, lalu atur arah searah ...
Baca selengkapnya

Cara Membuat Model Mobil Sederhana pada 3D Blender

Gambar
Cara Membuat Objek Mobil Sederhana pada 3D Blender dengan mudah - Ketemu lagi dengan saya dan pada kali ini saya akan menjelaskan langkah-langkah membuat mobil menggunakan aplikasi 3D Blender secara step by step. Ini biasa digunakan untuk melatih para calon animator agar terbiasa dengan shortcut atau menu yang ada pada blender. Langsung saja langkah-langkahnya yaitu : 1. Buatlah objek persegi yang nantinya diguankan untuk body mobil 2. Tekan Shift-A lalu pilih cube untuk membuat persegi 3. Setelah itu perbesar dengan cara menekan S lalu drag untuk memperbesar (gunakan sumbu x.y,z sesuai keperluan) 4. Lalu buat lah bentuk ban dengan menggunakan objek sylinder, caranya tekan Shift-a pilih sylinder 5. Untuk mengecilkan objek dengan menekan S (sama seperti merubah persegi tadi) 6. Untuk merotasikan ban agar tegak, tekan N untuk mengaktifkan panel transformation 7. Lalu isikan rotasi x:90(menyesuaikan cara membuatnya) 8. Maka roda/ban akan tegak.s...
Baca selengkapnya