15 ví dụ sử dụng jQuery làm "Fetured Content Slider" đẹp nhất

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !

jQuery là một mã nguồn mở Javascript đang rất phổ biến hiện nay. Với jQuery, chúng ta có thể đưa nhiều ứng dụng sinh động vào trang web mà không tốn nhiều công sức. Ứng dụng nổi bật được nhiều người sử dụng là dùng jQuery để làm "Fetured Content Slider". Các webmaster hãy tham khảo 15 mẫu dưới đây nhé, có demo và link download toàn bộ code cho các bạn.

1. jFlow | Official Website | Demo

A pretty neat photo slider. It featured in nettut, if you try to make yourself a photo slider. Visit this site.

 

2. Create Featured Content Slider Using jQuery UI | Official Website | Demo

This is a nice tutorial that teaches you how to “show off the best content of your website or blog in a nice intuitive way” in order to “catch more eyeballs”. One of the techniques to show the featured content is the auto-playing content slider.`

3. Create Beautiful jQuery sliders tutorial | Official Website | Demo

This tutorial explains how to develop/create Beautiful jQuery sliders tutorial with image description and name.

 

4. A Basic Content Slider With jQuery | Official Website | Demo

A Simple Content Slider Using jQuery By Brenelz's Web Development Tips

 

5. JC Play List | Official Website | Demo

free and easy to use Flash component created especially for easy visual representation of multimedia lists such as XMLs, RSS 2.0 feeds from Picasa and Flickr.

6. Easy Slider | Official Website | Demo

a JQuery Plugin that “enables images or any content to slide horizontally or vertically on click”.

 

7.  jqGalScroll | Official Website

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

 

8. Image Gallery | Official Website

It’s nothing complicated - a simple image gallery/viewer. When calling the plugin you specify which images you want to use like this:

 

9. Making a Content Slider with jQuery UI | Official Website | Demo

a very well explained step by step tutorial by Dan Wellman for NetTuts.

 

10. Creating a Slick Auto-Playing Featured Content Slider | Official Website | Demo

a tutorial written by Chris Coyier from CSS-Tricks.com. This script is based on the Coda Slider. It has additional features such as:

 

11. slideViewer | Official Website

SlideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images.

 

12. Start/Stop Slider | Official Website | Demo

13. A Minimalist jQuery Plugin | Official Website | Demo

a tutorial from WebDesignBooth that explains you how to create a simple content slider using the powerful library JQuery.

 

14. BarackSlideshow | Official Website | Demo

a very tiny and lightweight slideslow script, inspired by the slideshow in Barack Obama website. The script takes the power of MorphList to enhance visualization and navigation of the images.

 

15. Wordpress Theme using JQuery s3Slider | Official Website | Demo

Creating Featured Slider in Wordpress Theme using JQuery s3Slider