Membuat Efek Zoom Pada Gambar Thumbnail

Diposkan oleh Hery Prasetyo Monday, April 5, 2010
بسم الله الرحمن الرحيم

Membuat efek zoom pada gambar thumbnail. memanfaatkan perintah sederhana untuk membuat efek zoom pada gambar thumbnail yang kecil sehingga dapat nampak besar. sebenarnya cara ini HAPIA Mesir kembangkan dari tutorial Membuat Gambar Thumbnails Dengan Popup. menjadikan tampilan pada gambar thumbnail lebih atraktif.

Contoh efek zoom pada gambar thumbnail sebagai berikut :

acer ferrari

Jika gambar diklik akan memperlihatkan ukuran aslinya.

Cara membuat efek zoom pada gambar thumbnail adalah sebagai berikut :

- Copy Paste code berikut :

Klik Disini Untuk Mengambil Code

# cursor: -moz-zoom-in; adalah perintah untuk menampilkan efek zoom in ketika mouse diarahkan ke gambar.

# scrollbars=No, rubah nilainya menjadi Yes jika ingin menampilkan scroll.

Selamat mencoba dan happy blogging.


Jika postingan ini dirasa berguna bagi yang lain. silahkan share untuk berbagi.

Dapatkan Update Terbaru Dari HAPIA Mesir, Masukan Email Anda :

HAPIA Mesir Readers

Bookmark and Share

Direkomendasikan Untuk Dibaca :

11 Responses to Membuat Efek Zoom Pada Gambar Thumbnail

  1. Rock Says:
  2. Wahhh... keren nich...

    Makasih untuk tutorialnya kawand.

     
  3. pluma Says:
  4. waahhh... tambah keren aj blog anda.. trims ya atas semuanya.. saling pererat persahabatan sob.

     
  5. Yun Says:
  6. keren akh.. pernah baca serupa tp lum pernah nyoba c... hehe!!

     
  7. Bugis Blog Says:
  8. Luar biasa infornya.............. akhirnya sy ketemu juga triknya etelah sekian lama mencarinya. Thanks sob

     
  9. aryadevi Says:
  10. satu lagi dicopy, wah semakin banyak ni koleksi tips&triks

     
  11. nur ichsan Says:
  12. ikuti seminar IT Get Freedom with open source yang diadakan oleh teknik informatika unsoed...

     
  13. HAPIA Mesir Says:
  14. nur ichsan@ dimana tu sob??n kapan diadakannya?

     
  15. Darin Says:
  16. tips yang bagus, kapan2 bisa dipraktekkan.
    Thanks sob :)

     
  17. Zippy Says:
  18. Wah...oke juga nih tipsnya, boleh dicoba.
    Mantep, keren banget,
    Thx yah :)

     
  19. Dunia Hape Says:
  20. Mantaps tispnya.
    Cuma bisa untuk WP gak nih..??
    Sama aja kan..?

     
  21. Bunglon Blog Says:
  22. ahah ketinggalan berita lagi huhu..
    yang ini belum pernah nyoba sob
    kayaknya kren juga nech kodenya juga sederhana
    wes tak bookmark dulu ya sob hehe...
    Sukses Slalu!

     

Post a Comment