ArcaneRain7

Pada artikel saya sebelumnya sudah dibahas mengenai Framework PHP. Kali akan dibahas mengenai Framework Javascript dan 10 framework terbaik. Tidak begitu detail sih tapi cukup untuk mengobati rasa penasaran kita "Apa itu Framework Javascript ?".

Halo teman semua, lama juga ga pernah update blog nih. Well, langsung aja kali ini saya ingin berbagi pengalaman. Sering kali ketika kita (para blogger) melihat widget yang "OK" terlintas keinginan untuk memasangnya untuk menjadi pemanis dihalaman depan. Namun berhati-hatilah, terkadang widget yang kita pasang terdapat suatu code (biasanya javascript) yang effectnya belum tentu kita inginkan.
Kasusnya menimpa blog teman saya. Jadi begini masalahnya, begitu saya masuk ke blog tersebut. Secara otomatis halaman awalnya meredirect ke URL lain (auto redirect ke link eksternal). Langsung saja saya hubungi teman saya. Awalnya teman saya tidak begitu percaya dengan laporan saya dan saya pun menganggap itu kesalahan kecil. Mungkin secara tidak sengaja saya mengklik iklan yang ada di blod tersebut.

Bagi pengguna framework javascript MooTools, ini ada plugins baru buat nyiptain image gallery. slideGallery itulah nama plugin MooTools untuk menciptakan carousels gambar dapat disesuaikan dengan mudah & cepat. Tekniknya hampir mirip dengan jCarousel, yakni mengkonversi list dan ditata menggunakan CSS.





Berikut penjelasan lebih lengkapnya :

slideGallery is a MooTools plugin for creating customizable image carousels easily & quickly.
It converts any given unordered list into a slider & can be styled with CSS.

The plugin can display any defined number of images horizontally or vertically, auto-play them, have prev-next buttons and these functions can be configured more with:

• setting the class of prev-next elements
• speed and duration of slides
• transition to be used
• direction of the transitions
• & more..

slideGallery works in all major browsers including IE6.

Requirements: MooTools
Compatibility: All Major Browsers
Website: http://github.com/ginger/slideGallery
Demo: http://juverman.narod.ru/slideGallery/Demo/index.html

jQuery emang top banget. Hampir semua masalah bisa diselesaikan kalo make yang satu ini. Ini salah satu contohnya. Kemaren waktu ada tugas web, javascript scrollnya kagak jalan (Oh My Shit!). Baris demi baris saya periksa (cuma dibolak balik :D) tapi hasilnya nol. Nah kebetulan dapet bisikan dari temen (si NetSurfer) buat make jQuery API, scroll. Langsung aja searching di google. Hasilnya? Ketemu!

Scroll in jQuery. Ga cuma scroll biasa, tapi ada animasinya juga. Mantab pokoknya. Nah, berikut script yang saya peroleh dari google.

function scrollWin(){
$('html, body').animate({
scrollTop: $("#scrollToHere").offset().top
}, 2000);
}

Sedikit penjelasan,
$("#scrollToHere") itu merupakan id dari sebuah objek, anggap saja id dari sebuah <div>. Saat fungsi ini dipanggil maka secara otomatis scroll akan langsung tertuju pada posisi <div> tersebut. Jika anda tidak menggunakan <div> sebagai target. Cukup ganti

scrollTop: $("#scrollToHere").offset().top

menjadi

scrollTop: 100

Maka windows akan menuju pada posisi y=100.

Script aslinya bisa dilihat di
http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery
Semoga membantu.
Trims buat NetSurfer. :D