jQuery jCarousel Script

• Mungkin 6, 2024

jQuery telah membuat menambah imej ke laman web dengan tugas yang mudah. Terdapat banyak skrip jQuery yang dikeluarkan di bawah lesen MIT dan / atau GPL. Kebanyakannya adalah skrip plug-and-play (plug in) yang tidak memerlukan sebarang pengetahuan pengaturcaraan untuk digunakan di laman web anda atau dipasang di tapak klien anda. Anda mungkin ingin mempertimbangkan menambahkan skrip jQuery untuk perkhidmatan reka bentuk anda.

Satu skrip jQuery seperti Jan Sorgalla adalah jCarousel. Pemalam ini boleh mempunyai banyak aplikasi untuk kedua-dua grafik dan teks. Fungsi utama skrip adalah untuk menatal kandungan secara mendatar atau menegak. Kandungan boleh statik atau dimuat secara dinamik melalui Ajax, JavaScript, PHP atau Flickr. Sudah tentu, pilihan kedua ini memerlukan kebiasaan dengan bahasa-bahasa ini. jCarousel juga berfungsi dengan Thickbox 3 supaya imej bersaiz besar terbuka ke dalam Thickbox apabila imej kecil diklik dalam karusel.

Kebanyakan kod untuk skrip dirujuk di bahagian Ketua halaman web. Anda akan memerlukan perpustakaan jQuery dan kod sumber jCarousel dan fail stylesheet. Apa yang bagus tentang plug ini ialah ia boleh "dikelabui" oleh CSS untuk mempunyai banyak penampilan. Kandungan yang ditatal oleh skrip diletakkan di dalam badan laman web dalam senarai UL asas.

Anda mempunyai beberapa pilihan untuk mengkonfigurasi skrip termasuk menambahkan animasi dan pelonggaran tersuai. Ia boleh berfungsi dengan butang auto-scroll atau navigasi. Satu lagi ciri yang bagus ialah lebar karusel mengubah saiz secara automatik agar sesuai dengan tetingkap penyemak imbas. Ia boleh dikonfigurasikan untuk menunjukkan imej lebih kurang bergantung pada saiz penyemak imbas atau dikonfigurasikan untuk mempunyai beberapa set imej dengan jarak fleksibel antara imej yang diperlukan. Anda boleh mempunyai lebih daripada satu karusel pada halaman dan memberikan setiap kulit yang berbeza.

Penyepaduan dengan strim foto Flickr dan Flickr API adalah ciri bagus yang tidak dilihat dalam kebanyakan skrip. Ia telah diuji untuk bekerja dalam beberapa penyemak imbas termasuk Internet Explorer 6 terkenal.

Anda mungkin bertanya pada diri sendiri mengapa anda akan menggunakan ini bukan animasi gif mudah yang boleh anda buat dalam Photoshop. Sebab utama adalah kemudahan mengemas kini karusel sebaik sahaja ia dipasang. Lebih mudah untuk menukar kandungan dalam senarai UL daripada membuat gif baru setiap kali anda perlu menampilkan satu set imej yang berbeza.

//sorgalla.com/projects/jcarousel/

Arahan Video: jQuery Tutorial #6 - Building a jQuery Image Slider (Mungkin 2024).