Download

Kali ini saya membuat satu buah plugin untuk menampilkan gambar secara bergantian dengan efek transisi yang sederhana. Plugin ini sengaja tidak menggunakan jQuery dengan banyak efek agar lebih simpel dan sangat ringan.

Efek transisi yang digunakan hanya menggunakan CSS3 Opacity dan Transition. Kode utama dari efek ini yaitu :

opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s;

1 2 3 4

opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s;

selanjutnya tinggal diatur opacity dari setiap gambar dengan menggunakan Javascript. Karena menggunakan CSS3, maka efek plugin ini pun hanya dapat berjalan pada browser dengan update terbaru yang sudah mendukung CSS3.

Gagambar akan mengambil gambar dari featured-image setiap postingan yang tersedia. Gagambar akan tampil dengan meletakkan kode

<?php include (ABSPATH . '/wp-content/plugins/gagambar/gagambar.php'); ?>

1	<?php include (ABSPATH . '/wp-content/plugins/gagambar/gagambar.php'); ?>

pada bagian tema wordpress yang diinginkan.

Download Gagambar Plugin WordPress Disini