Cara Membuat Text Di Image Menggunakan jquery

Kita akan membuat text di Image menggunakan jquery, selain jquery kita akan menggunakan plugin jquery sebagai tambahan. Textover adalah sebuah jquery plugin yang dapat menambahkan catatan atau tulisan di sebuah gambar dengan cara klik di atas gambar. Plugin textover juga memiliki fungsi get_data() untuk mengambil semua teks yang telah kamu tulis di atas gambar.

Membuat Text Di Image
Membuat Text Di Image

 

Cara Membuat text di image adalah sebagai berikut ini:

1. Download dulu libary jquery textover disini

2. Masukkan Library Jquery dan Jquery textover ke halaman.

3. Masukkan sebuah gambar ke halaman dan gunakan nama id yang unik.

4. Lalu buat sebuah button untuk mendapatkan data berupa teks yang telah kita input di atas gambar lalu ditampilkan didalam div.

5. Lalu masukkan kode javascript berikut untuk menampilkannya

6. sehingga keseluruhan kode website sebagai berikut

Demikianlah cara membuat text di image menggunakan jquery dan plugin jquery textover. semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *