Cara Membuat Galery Slide Show Product dengan jQuery Lightbox

Cara Membuat Galery Slide Show Product dengan jQuery Lightbox

Dalam tutorial ini, kita akan melihat bagaimana cara menambahkan slideshow gambar di halaman galeri produk pada aplikasi eCommerce. Saya telah menggunakan overlay jQuery lightbox untuk slide saat menjalankan tampilan slide. Setiap slide akan berisi navigasi sebelumnya berikutnya untuk bergerak bolak-balik selama slideshow. Galeri dan gambar produk tayangan slide diskalakan ke ukuran viewport. Elemen kontrol overlay slide juga akan responsive untuk tampil disemua layar. (more…)

Cara Menambahkan Edit dikomentar dengan jQuery Dialogify part 1

Cara Menambahkan Edit dikomentar dengan jQuery Dialogify part 1

Modal windows adalah popover yang paling umum digunakan untuk meminta input dari pengguna. Add Edit Komentar dengan jendela dialog modal akan meminimalkan upaya desain. Ada berbagai cara untuk menampilkan popover sebagai jendela pop-up, kotak dialog atau overlay. Dalam tutorial ini, saya telah menunjukkan kotak dialog untuk menampilkan form tambah / edit komentar. (more…)

Cara Upload Image jQuery Ajax dengan Animating Progress Bar

Cara Upload Image jQuery Ajax dengan Animating Progress Bar

Upload gambar / file harus selalu memiliki progress bar. Ini adalah fitur yang diabaikan sebagian besar pengembang. Itu harus dilihat sebagai bagian dari fungsionalitas.  Ketika pengguna meminta server untuk melakukan beberapa operasi, itu baik untuk menunjukkan kepada mereka tentang progress. Ini adalah progress UI / UX yang baik. progress bar adalah salah satu cara terbaik untuk menunjukkan status operasi yang sedang berlangsung.

Pilihan input file digunakan untuk memilih gambar dan file binari yang diposting ke PHP melalui AJAX. Setelah mengirim permintaan unggah file ke PHP, skrip AJAX menginisialisasi animasi jQuery untuk menampilkan progress proses unggah file. progress bar akan menyoroti persentase progresif dengan animasi jQuery. Plugin jQuery Form digunakan dalam kode contoh ini untuk menangani unggahan gambar AJAX dengan status progresif. (more…)