Pada kesempatan kali ini saya akan menjelaskna cara merubah border pada jquery lightbox. Perlu teman-teman ketahui sebelumnya, Lightbox atau yang biasa lebih saya kenal sebagai sebuah image viewer yang berguna untuk menampilkan sebuah gambar dengan ukuran besar melalui fungsi klik dari gambar kecil (thumbnail) atau bisa juga menampilkan gambar tersebut dengan ukuran besar yang dihasilkan dari sebuah link berupa text. Atau secara garis besar, lightbox adalah media viewer yang bekerja setelah adanya event klik yang hasilnya memanfaatkan slide yang bisa di jalankan secara manual dengan menyertakan tombol next, preview  guna memperindah tampilan tersebut.

cara merubah border Jquery LightBox

Lightbox hingga saat ini yang dikenal dengan beberapa nama dengan fungsi yang tak hanya sebagai image viewer, namun seiring waktu hingga saat ini banyak perkembangan pada feature tersebut sebagai media vierwer. Dan yang saya ketahui, kebanyakan dari media viewer tersebut terinspirasi oleh lightbox yang pada awalnya dikembangkan oleh Leandro Vieira Pinho yang menggunakan prototype.js.
Saat ini, untuk beberapa media seperti file image, file video, dan iframe tidak lagi harus ditampilkan secara langsung pada halaman website teman-teman. Metode seperti ini memberi keuntungan besar untuk teman-teman karena gambar, video dan iframe yang dalam jumlah sedikit maupun banyak tidak harus melakukan proses secara bersamaan dengan halaman yang lain. Dan dengan memanfaatkan gambar kecil (thumbnail) pada feature LightBox tersebut, beban yang harus di proses di website yang teman-teman buat kini jauh lebih ringan jika di lihat dari sisi loading time website teman-teman. Namun terkadang tidak sedikit dari penggunanya ingin merubah tampilan Jquery LightBox tersebut lebih menarik lagi sesuai dengan keinginannya,salah satunya adalah dengan merubah border jquery lightbox tersebut.

Berikut langkah-langkah cara merubah border pada jquery lightbox seperti di bawah ini :

  • Saya asumsikan, teman-teman sudah melakukan pemasangan plugin Jquery LightBox tersebut.
  • Jika sudah, teman-teman bisa buka file dengan nama jquery.lightbox-0.5.js yang ada didalam folder js
  • Cari kode seperti berikut :

  • Jika sudah teman-teman save file tersebut, dan lihat hasil dari perubahan tersebut.

Sampai disini penjelasan saya mengenai cara merubah border pada jquery lightbox, semoga bermanfaat.