Sebelum membuat galeri foto, anda harus bisa mengupload file dengan php. Secara singkat galeri foto yang akan dibuat adalah sebagai berikut. Pertama pengguna memilih gambar yang akan diupload dan memasukkan deskripsi gambar. Kemudian dengan php, gambar akan diupload ke sebuah folder. Nama file dan deskripsi gambar akan disimpan ke database. Show Membuat Database Galeri FotoBuatlah sebuah database dengan nama "galeri", dan buat sebuah tabel "foto" dengan struktur seperti:
atau gunakan sql query di bawah
Membuat Form dan Struktur FolderPertama buatlah sebuah folder dengan nama "galeri" di document root web server. Biasanya folder "htdocs" atau "public_html". Di dalam folder galeri buat folder "upload" dan tiga file kosong seperti gambar. Buka file form.html dan buatlah html form dengan kode berikut.
kemudian simpan file tersebut. Mengupload dan Menyimpan Gambar ke DatabaseLangkah selanjutnya adalah mengupload gambar ke folder "upload" dan menyimpan deskripsi dan nama file ke tabel "foto". Buka file save-gallery.php dan gunakan kode php di bawah untuk menyimpan gambar.
Pertama tama di baris ke 3-4 membuka koneksi ke database. Di baris ke-6 dilakukan pengecekan apakah file sudah terupload dan ukurannya lebih besar dari nol dan tidak terjadi error. Baris ke-8 memindahkan file yang telah terupload, dari temporary folder ke folder "upload" yang telah dibuat sebelumnya. Baris selanjutnya mengecek jika proses pemindahan file berhasil. Jika berhasil deskripsi dan nama file disimpan ke tabel 'foto'. Menampilkan Gambar[htmltag]<a id="menampilkan-gambar" name="menampilkan-gambar"></a>[/htmltag] Selanjunya, menampilkan gambar yang telah disimpan. Buka file gallery.php dan isi dengan kode php di bawah.
Yang perlu di perhatikan adalah di baris ke-22. Untuk menampilkan gambar digunakan tag <img/>. Nama nama gambar yang ditampilkan diambil dari database - echo $row['nama_file']. Karena gambar diupload ke folder "upload" maka attribute src diisi dengan nilai seperti ini "upload/<?php echo $row['nama_file'];?>". Membuat ZoomSebuah galeri foto perlu sebuah fasilitas zoom. Untuk itu diperlukan jQuery dan Fancybox. Silahkan download Fancybox di websitenya (versi 1.3.4 saat tutorial ini dibuat). Setelah selesai, ekstrak file zip yang didownload dari website fancybox. Kemudian copy file jquery-1.4.3.min.js dan folder fancybox dari hasil ekstrakan dan paste di folder 'galeri' yang telah dibuat sebelumnya. Selanjutnya buka kembali file gallery.php dan ubah menjadi seperti berikut.
Delete / Hapus GambarTidak tertutup kemungkinan ada kesalahan pada saat mengupload file. Untuk itu diperlukan fungsi untuk menghapus file. Pertama ubah skrip untuk menampilkan gambar (file gallery.php), tambahkan kode di bawah setelah baris ke-24.
Kemudian buat satu file lagi dengan nama delete-gallery.php dan isi dengan skrip untuk delete gambar di bawah.
Edit GambarSelain manghapus data juga diperlukan kemampuan untuk mengedit gambar. Pertama ubah skrip untuk menampilkan gambar (file gallery.php), ubah pada baris yang sama seperti cara membuat hapus gambar (tambahkan kode di bawah setelah baris ke-24.) seperti:
Kemudian buat sebuah file dengan nama edit-gallery.php dan isi dengan skrip php di bawah untuk melakukan edit gambar.
Sekarang buka browser dan buka halaman |