Blog Request tutorial? klik disini!

  • Membuat Gallery Dengan CSS3-JQUERY

    Ditulis oleh: Rully Febrian
    1797 kali dibaca
    20 May / 2014 15:34

    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 :

    jquery-css3-tutorial-gallery

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

    css3-style-gallery

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

    php-css3-gallery

    php-gallery

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

    javascript-gallery

    javascript-css3

    javascript-gallery

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

    jquery

     

    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






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155