Skip to main content

Efect Zoom JQuery

Bismillahirohmanirohim, ane lagi belajar buat jquery d blog nih gan mohon bantuannya. niatnya sih buat efect zoom gambar gitu ane kasi contoh gambar d bawah ini ya

Alhamdulillah berhasil gan, ni dia caranya :

1. kita kudu masukkin library jquerynya dulu

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

2. tambahin lagi class buat efect yg kita inginkan untuk zoom ini kita menggunakan jquery.magnifier.js

<script src='http://www.dynamicdrive.com/dynamicindex4/jquery.magnifier.js' type='text/javascript'>

3. copy kedua code tersebut pada template anda dalam tag <head></head> entah sesudah <head> atau sebelum </head>

4. kemudian masukkan gambar yg anda inginkan, saya beri contoh gambar keroro d atas

<img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 166px; height: 157px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsfGJ96nPL2Ht8d42vK8KvwJfBSN0dELBEPyvSrgP7isExQLK5oGYVeZqDOTlTTlopmBOnVIOjxh1Z_LO40ERAC3RFx2XzRU45r7U2P723Qli86MLtcEIwNLwSOL7224NZCaQpZd2-Q0Dq/s400/keroro_etb.jpg" alt="" class="magnify" border="0">

perhatikan class="magnify", itu adalah tambahan untuk memanggil class mangifier.

5. selesai.

~selamat mencoba~

Popular posts from this blog

Menghapus Nama Reviewer pada Microsoft Word 2016

Bagi editor, untuk menjaga blind review terkadang agak menyulitkan ketika proses review dari seorang reviewer menggunakan comment pada Microsoft Word. Nama reviewer akan terlihat di panel comment dan juga di properties file yang sudah di review oleh reviewer.  Untuk menghilangkan nama reviewer di comment dan properties, editor atau reviewer itu sendiri bisa dengan mudah menghilangkan data diri melalui cara berikut ini. Langkah menghilangkan nama reviewer pada Microsoft Word 2016: Klik File akan terlihat personal information disebelah kanan Klik Check for Issues Klik Inspect Document Klik OK jika ada pertanyaan Document Properties and Personal Information Klik Remove All Klik Close Simpan file kemudian close dan buka kembali, maka semua data informasi personal akan terhapus (sebelum proses penghapusan) (setelah proses penghapusan) Selamat mencoba.... Test dilakukan pada Windows 10 dengan Micro...

Install Driver Printer Epson L360 pada Linux Mint

Untuk menginstall driver printer epson l360 pada linux mint anda terlebih dahulu download driver berikut ini driver epson L360  Adapun langkah installasinya adalah buka terminal kemudian masuk ke folder tempat anda menyimpan driver / klik kanan open in terminal pada folder tempat anda menyimpan driver ketikkan sudo dpkg -i epson-inkjet-printer-201401w.deb selesai Jika anda masih belum bisa mengakses printer maka lakukan langkah berikut ini : Pastikan laptop anda terhubung dengan printer Masuk ke menu printer (ketikkan saja printer setelah menu) Klik add Pilih Epson L360 Selesai Testing dilakukan menggunakan Laptop Lenovo G40 pada Linux Mint 17.2 

Vector Jolly Roger One Piece

Jolly Roger atau bendera bajak laut adalah bagian terpenting dalam kelompok bajak laut. Bendera bajak laut yang kita kenal saat ini berupa kepala tengkorak dengan tulang menyilang dibagian belakang. Bentuk bendera seperti itu sebenarnya adalah bentuk dari bendera bajak laut tradisional di wilayah Eropa dan Amerika. Entah kenapa pagi buta begini (1:46pm) muncul niat untuk belajar membuat bendera bajak laut one piece, bolak balik sana sini nyari file yang udah jadi gak nemu2 akhirnya iseng-iseng gambar sendiri dan hasilnya not bad lah buat pemula, hahahahaha..... Berhubung ane masih nubie pamer dikit dah hasil karya tengah malam ditemani secangkir kopi + happy tos ini dia hasil gambaran ane ane buatnya pake corel nih, yang mau file vectornya bisa donlot dimari one piece