RSS

30 The Best JQuery Slider Plugins

05 Dec

30 The Best JQuery Slider Plugins

JQuery akhir-akhir ini menjadi salah satu tools yang digunakan hampir disemua website. Plugins JQuery digunakan pada website yang sifatnya dynamic. Salah satu contoh yang pas apabila kita melihat website yang memiliki konten image slider, pasti web tersebut menggunakan JQuery sebagai toolsnya. Dengan menggunakan JQuery, dapat membuat website anda menjadi kaya akan konten yang menarik.

Untuk kali ini saya akan memperkenalkan kepada anda beberapa Plugins untuk JQuery Slider yang bagus dan menarik serta cocok untuk digunakan di website anda. Saya mengemas sebagian banyak Plugins JQuery yang saya dapatkan dari berbagai sumber ke dalam 30 the best JQuery Slider Plugins. Mudah-mudahan beberapa contoh dari Plugins JQuery tersebut bermanfaat untuk kepentingan website anda.

JCoverflip
JCoverflip telah dikembangkan untuk memungkinkan kecepatan dan meng-customize look and feel lebih rinci dan set fitur.
LIVE DEMO

Membuat Galeri Foto dengan JCarousel
Pada Tutorial ini, kita akan membahas bagaimana membangun Script dengan JQuery plugins yang unik untuk membuat galeri foto dengan JCarousel.

LIVE DEMO


Coin Slider

Plugins JQuery Image Slider ini menggunakan effect yang sangat unik.

LIVE DEMO

loopedSlider
loopedSlider JQuery Plugin

LIVE DEMO

Nivo Slider
Nivo Slider adalah salah satu contoh Plugins JQuery yang sangat mengagumkan.

LIVE DEMO

Colorful Sliders dengan jQuery & CSS3
Trasformasi fitur baru yang dihadirkan oleh CSS 3 untuk membuat efek slider dinamis tiga dimensi. Teknik kyang digunakan disini, adalah membuat slider dan CSS bar yang dinamis, dapat digunakan secara bersama-sama atau sebagian saja.

LIVE DEMO

Bagaimana membuat Simple iTunes-like Slider
Trasformasi fitur baru yang dihadirkan oleh CSS 3 untuk membuat efek slider dinamis tiga dimensi. Teknik kyang digunakan disini, adalah membuat slider dan CSS bar yang dinamis, dapat digunakan secara bersama-sama atau sebagian saja.

LIVE DEMO

Automatic Image Slider dengan CSS & jQuery
The html based image slider will have its benefits with SEO and will also degrade gracefully for those without js.

LIVE DEMO

The Lof SiderNews Plugin
Berdasarkan JQuery Framework dan Plugin Easing, The JSiderNews Plugin adalah plugin slideshow yang menampilkan gambar atau jenis konten dan dukungan navigasi favious ke item berikutnya | sebelumnya.

LIVE DEMO

Advanced jQuery background image slideshow
Read the rest of this article to learn how to create a beautiful advanced jQuery background image slideshow.

LIVE DEMO

CJ Flashy Slide Show
Read the rest of this article to learn how to create a beautiful advanced jQuery background image slideshow.

LIVE DEMO

Membuat Quick MooTools Slideshow dengan Preloading Images
Potongan kode berikut akan menunjukkan bagaimana cara membuat simple slideshow dengan MooTools, Script juga akan melakukan preload image dan fitur progres message.

LIVE DEMO

jqFancyTransitions
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

LIVE DEMO

Membuat Mosaic Slideshow dengan jQuery & CSS
We are making a jQuery & CSS mosaic gallery. Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another.

LIVE DEMO

jQuery Blinds Slideshow menggunakan CSS Sprites
jQuery Blinds Slideshow menggunakan CSS Sprites

LIVE DEMO

Multiple Image Cross Fade
we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

LIVE DEMO

BarackSlideshow
I guess pretty much everyone has seen Barack Obama’s website by now, which is clearly one of the prettiest of all candidates we’ve heard of so far. Not only is it an example of state-of-the-art design, but it’s also nice to navigate and interact with.

LIVE DEMO


The Mootool – Lof SiderNews Plugin

The Mootool – Lof SiderNews Plugin use for play a slideshow with the navigation display on the lef side or right side.

LIVE DEMO

The LofCoolFlashNews Plugin
The LofCoolFlashNews Plugin

LIVE DEMO

Floom Blinds-effect MooTools slideshow
Floom Blinds-effect MooTools slideshow.

LIVE DEMO

Membuat Simple Slideshow menggunakan MooTools Thumbnails and Captions
“Create a Simple Slideshow Using MooTools” series has been hugely successful. The first step was laying the groundwork for the slideshow, the second step was adding controls and events to the slideshow, and the third step was recoding the slideshow into a sexy class. This fourth slideshow tutorial will add thumbnail previews and captions to the slideshow.

LIVE DEMO

Slide Thumbs
In this post I want to explain how to turn old boring image viewer into a nice-looking one with jQuery. It’s simple just using some lines of java-script code. Implement this and enrich animation features to your web projects.

LIVE DEMO

Membuat Rotating Billboard System dengan jQuery and CSS
In this tutorial we will use some images, CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is to make one set of image slices disappear while another one (the other ad) appear. We will decrease the width of each disappearing slice and increase the width of each appearing slice. This will give the effect of rotating slices, just like in a rotating billboard system.

LIVE DEMO

Animate Panning Slideshow with jQuery
In today’s tutorial we’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

LIVE DEMO

Create Featured Content Slider Using jQuery UI
There are a few tutorials on creating featured content sliders like the one from CSS-Tricks, but it uses jQuery Coda Slider plugin. Today I’m going to show you how to create a featured content slider for your website using the jQuery UI library.

LIVE DEMO

Create Beautiful jQuery Slider Tutorial
This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

LIVE DEMO

CU3ER – Flash 3D Image Slider
CU3ER – Flash 3D Image Slider

LIVE DEMO

The Piecemaker XML Gallery
To kick us off in style, here’s the awesome Piecemaker gallery created by Björn from Modularweb. Besides the freebie, you’ll find extensive documentation and a tut explaining the native 3D features of Flash CS4. Over to you, Björn.

LIVE DEMO

UIZE JavaScript Framework
UIZE JavaScript Framework

LIVE DEMO

jQuery Easy Slides v1.1
Possibly the easiest to use jQuery plugin for making slideshows!

LIVE DEMO

 
2 Comments

Posted by on December 5, 2011 in Desain - Website

 

2 responses to “30 The Best JQuery Slider Plugins

  1. saehae

    October 23, 2012 at 2:55 am

    Reblogged this on sakanamotion.

     
  2. saehae

    October 23, 2012 at 3:02 am

    awesome😀 ijin reblog🙂

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: