Apakah anda seorang yang suka browsing atau suka berselancar di dunia maya dengan melihat berbagai website dan mencari berbagai informasi di internet, pasti anda tidak asing lagi dengan situs - situs web yang belakangan marak menggunakan gambar yang berubah ubah pada tampilan headernya dengan diselingi berbagai animasi efek dalam perubahan gambar satu ke gambar yang lain. Atau bisa anda lihat contoh nya pada header website saya ini www.webdenny.com
Semoga tutorial ini dapat memberi sedikit informasi bagi anda yang ingin memberikan tampilan slideshow pada website anda. Yang saya tahu mungkin baru ada dua cara dalam membuatnya dengan menggunakan jQuery dan lewat aplikasi WOW Slider ini, bila ada yang cara yang lain, lha itu dia saya belum tau dan belum pernah mempelajarinya.hee.
Terus apa bedanya membuat slideshow dengan jQuery dan WOW Slider ??
Bedanya adalah bila menggunakan jQuery maka dibutuhkan skill coding yang cukup lumayan baik bisa dalam css, html, photoshop untuk bisa menerapkannya. Namun bila anda kurang bisa coding jangan kuatir, maka aplikasi WOW Slider inilah bisa jadi solusi buat anda untuk mempermudah anda dalam membuat slideshow pada web anda.
Aplikasi Wow Slider ini dapat anda download secara gratis di http://wowslider.com/ lalu anda pilih menu download.
Setelah anda berhasil menginstalnya, seketika progam tersebut akan terbuka dan anda akan mendapati tampilannya awalnya sebagai berikut
Langkah pertama dalam mengoprasikkannya adalah Klik tanda plus hijau, untuk memilih gambar - gambar yang akan dijadikan slideshow.
Bila semua gambar sudah anda pilih, lanjut ke menu Gallery – Properties atau klik icon obeng maka akan muncul tampilan sebagai berikut.
- Slider title = Nama title dari slider yang kita buat
- Auto play Slide Show = Slide show akan otomatis berjalan ketika website dibuka
- Pause on mouseover = Ketika mouse diarahkan ke slideshow maka akan berhenti
- Stop slideshow after one loop = Jadi setelah semua gambar yang telah kita pilih sudah ditampilkan maka slideshownya
akan berhenti
- Show descriptions = Menampilkan deskripsi gambar
- Show Prev/Next buttons = Menampilkan tombol prev dan next
- Pause on mouseover = Ketika mouse diarahkan ke slideshow maka akan berhenti
- Stop slideshow after one loop = Jadi setelah semua gambar yang telah kita pilih sudah ditampilkan maka slideshownya
akan berhenti
- Show descriptions = Menampilkan deskripsi gambar
- Show Prev/Next buttons = Menampilkan tombol prev dan next
Untuk fungsi tool yang lain dicoba sendiri ya, soalnya ini hanya tutorial perkenalan jadi anda harus mengembangkannya sesuai naluri dan bakat anda.hee, Atau kalau ngak mau terlalu ribet dilewatkan saja bagian ini karena settingan seperti itu ngak buruk kok kalau dilewati . tapi kalau ingin baik ya harus tetap di setting dulu. Sekarang lanjutkan ke Tab Images disebelahnya.
Tidak terlalu susah dalam mengatur tab pada bagian images ini. Kita tinggal pilih template yang mau kita pakai, ukuran gambar, effect slideshow dan lain lain. Kekuranganya mungkin pada template yang bisa digunakan tidak terlalu banyak tapi dengan mengerti sedikit tentang CSS dan Photoshop kita juga bisa buat sendiri templatenya menurut keinginan kita.
Lanjutkan ke bagian Publish.
Disini anda tinggal pilih dimana anda simpan project yang telah anda kerjakan (dengan mengkilik browse), lalu menentukan nama file project anda dan terakhir klik publish.
Comments
Post a Comment