Membuat Gallery dengan CSS3-JQUERY

20/05/2014    Rully Febrian    4811    Website

Pada artikel ini teman-teman akan membuat sebuah gallery yang menarik menggunakan teknik CSS3 dan JQuery dimana teman-teman dapat melakukan drag dan drop pada photo gallery. Untuk melihat hasilnya teman-teman bisa membuat kode HTML seperti berikut :

Simpan kode diatas dengan nama demo.php. Buatlah kode style seperti dibawah ini.

Simpan style diatas dengan nama demo.css  dan tambahkan kode php pada file demo.php

Simpan kembali dan buat file script.js dengan kode javascript seperti ini:

Simpan, dan coba jalankan di browser . Akan terlihat gambar seperti berikut :

Jika ingin melihat hasilnya silahkan klik demo untuk melihat hasilnya dan download source code-nya disini.

Demikian tutorial ini sampai jumpa kembali di tutorial berikutnya

No data.