Gonta- ganti primey photo lama-lama bosen juga, ga ada variasi nya. Sempet kepikiran buat bikin primary jadi animasi/slideshow tapi lama gak nemu script nya. Setelah lama melakukan pencarian :P akhir nya dapet dari salah satu forum temen. Script CSS buat bikin photo primary menjadi bergerak.
Bahan yang dibutuhkan adalah software gif animator atau sejenis nya, banyak pilihan tinggal cari yang cocok sama kemampuan kita. Saya biasa pakai gif animator karena mudah dimengerti, silahkan download dulu software nya disini.Selain itu kita juga butuh Adobe Photoshop untuk me-resize ukuran photo agar menjadi seukuran. Langkah berikutnya adalah mengumpulkan photo-photo narsis kamu yang akan di jadikan slideshow primary. Perkecil ukuran nya dengan Photoshop, untuk ukuran nya terserah mau segede apa tergantung selera. Tapi ukuran nya harus sama semua, misalnya photo nya ada 10 biji maka kesepuluh photo itu ukuran nya harus sama.
Semua photo sudah di resize, sekarang install gif animator nya lalu add image dan save ke dalam ekstensi gif. Photonya sudah menjadi slide show, dan langkah berikutnya adalah meng-upload file gif kamu ke image hosting, saya biasa upload photo ke www.tinypic.com soal nya ga ribet pake register. Upload photonya dan ambil URL nya pada kolom “Direct Link for Layouts”. Masukan URL gif tadi kedalam script CSS berikut ini :
div.imgblock200 {
background-color:#000000;
background:url(URL gif Kamu);
background-position: center center;
background-repeat: no-repeat;
height:249px;
width:255px;
}
div.imgblock200 img {display:none !important}
#mainpic img {
height: 75px;
width: 65px;
border: 2px #000000 solid;
}Ganti (URL gif Kamu) dengan URL gif yang tadi di upload. Langkah terakhir adalh memasukan script CSS ini ke CSS yang sudah ada di FS kamu. Masukan CSS ini di bagian atas CSS kamu.
Preview
(Untuk kk admin, jika thread ini sudah basi harap di delete saja)