Implementasi jQuery →Overlay

A. JUDUL

Implementasi jQuery →Overlay

B. PENDAHULUAN

1. Pengertian

Jquery Overlay?

Overlay (pemrograman) , teknik untuk mengurangi jumlah memori yang digunakan oleh suatu program.

2. Latar Belakang

Mengapa memakai overlay?

Dengan overlay kita dapat memberikan efek menonjol pada bagian yang ingin kita tonjolkan.
Dengan effect overlay user akan lebih terbantu untuk mendapat keterangan yang lebih jelas.

3. Maksud danTujuan

• Untuk menonjolkan keterangan dan tujuan dari yang di tampilkan
• Membuat web menjadi lebih menarik

4. Hasil yang Diharapkan

• Setiap gambar yang di klick dapat menampilkan keterangan tertentu

C. ALAT dan BAHAN

• Laptop
• Browser
• Text Editor

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Menyiapkan plugin jquery yang diperlukan

2. Menyiapkan bagian web yang hendak diberi efek overlay

3. Menambahkan script untuk memanggil efek yang diberikan

Akan tetapi sebelumnya bagian atas pada elemen yang ingin diberi efek, diberi dahulu link rel seperti

4. Melihat hasilnya di browser

F. HASIL yang DIDAPAT
Hasil yang saya dapat dilihat pada gambar di bawah ini

G. PENEMUAN PERMASALAHAN

Ketika saya memanggil file nya di browser gambar tidak mau di buka. Seperti gambar di bawah ini

Kenapa terjadi, karena pada style.css nya. Kesalahannya, gambar tersebut berada pada folder yang berbeda. akan tetapi saya keliru menuliskannya 

Seharusnya, seperti gambar di bawah

H. KESIMPULAN

Efek overlay  dapt diterapkan pada bagian apa saja yang ingin di tonjolkan. Akan tetapi itu membutuhkan plugin khusus efek overlay.

I. REFERENSI

Buku Bikin Website Super Keren dengan PHP dan jQuery oleh Lukmanul Hakim

https://en.wikipedia.org/wiki/Overlay