s3Slider jQuery Plugin

on Dec 26th 2008 with 27 comments

Cost: Free, Creative Commons Attribution 2.5
Found Via: www.serie3.info/

Boban created a wonderful “featured content” jQuery plugin. You’ve seen this effect many, many times. Now you can easily implement the functionality into your own web apps.

Want to know exactly how to use it? Watch a video tutorial over at the ThemeForest blog.

jQuery Plugin
  • Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.bhutan-360.com Gelay

    Nice. I am first!!!

  • http://www.x-equals.com/blog/ Brandon Oelling

    Fantastic!

    |Brandon Oelling
    {x=}+photography+consulting
    http://www.x-equals.com/blog/

  • http://twe4ked.com twe4ked

    Great script, but as mentioned in the comments, it needs thumbnails or some kind of navigation, could you do a tutorial on modifing the code?

    thanks

  • mokin

    cool! effect.

  • http://blog.brenelz.com Brenley Dueck

    There are so many JavaScript sliders out there, but this one is great!

  • http://www.paddsolutions.com Dulce

    We love it! It’s easily integrated in some of our free WordPress themes.

  • http://www.furtzdesigns.com Ryan

    Very good plugin, simple yet awesome. Clients love these little things that make their website stand out.

  • http://pw-software.com NetOperator Wibby

    This is such a cool plugin! I think I’ll use this on my portfolio.

  • http://www.honourchick.com Honour Chick

    very useful plugin :)

  • Pingback: JeremiahTolbert.com » Blog Archive » links for 2008-12-27

  • Pingback: Website Builders Resource Carnival #3 | Website Builders Resource

  • http://www.danielnascimento.net Daniel Nascimento

    It’s really beautifull, one of the best sliders i’ve ever seen… but produces unvalid HTML/CSS ;[

  • Pingback: Daily Links | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster?

  • http://satedproductions.com Michael Thompson

    How the hell did this guy/gal write a jQuery plugin and not realize that ID attributes are supposed to be unique? Or that giving every tag the same class is absolutely unnecessary — especially when you’ve already got the parent ID’d?

    The images should really simulate a cross-fade, to boot. Fading to complete nothingness looks horrible amateur.

    /not trolling, just tired of poor use of markup and effects

  • http://www.zoomrix.com Zoomrix

    This is something I’ve been looking for! Thank you.

  • Jay

    Really nice plugin, easy to implement and modify.

    I’m trying to implement this for featured section in wordpress using custom fields.

    any tips?

    happy new year to all

  • Mat

    Awesome. Needs thumbnails or some kind of navigation pause/next/previous. Hover on image brings in the transparent div and text.

  • Ryan

    Wow! amazing.. very smooth, simple and effective

  • Amy

    Just what I’ve been looking for. Thank you for sharing.

    I have a question. How do I get the dropdown navigation to display on top of this slider?

  • Pingback: jQuery三昧 | 空青くして

  • http://blog.insicdesigns.com insic

    nice plugin

  • Lahandi

    Reely nice mate!

  • Pingback: Daily Digest for September 24th

  • kieran

    can the images be linked to pages on the site or is it just for gallerys?

  • http://www.rotterdamexclusive.nl dennis

    i got a problem with this plugin..some kind of people see only the half of the picture in the plugin and i see the hole picture…

    somebody help me?

  • http://www.serprisedesign.co.uk Kevin

    I’ve been using this slider for a while and it is a really nice addition to a website =)

  • Pingback: Referensi web untuk belajar jQuery dan plugin-plugin keren lainnya | F. Aditya Primandani

  • Pingback: Подборка jQuery плагинов - Code201

  • http://www.paripoorna.in Microfinance Software

    Very gud Plugin, user full for web designers.

  • http://www.sohailtech.com/ Sohail Amir

    This slider makes great use of jQuery, the only things I would suggest is that the developers clean the code up, provide constant updates and add some sort of navigation element to the slider. That would definitely make it a hit.

  • http://www.vasiauvi.org vasiauvi

    I’ve tried on my blog and doesn’t work…:(

  • Eric

    Everything about this is awesome. But would it be difficult to modify this to fade from image to image rather than fade out and in? Fading to white for a second is a bit distracting.

  • Omar Khan

    I’m suing this slider on a few websites I’ve made but since I’m not an expert on coding, there is one effect that I haven’t been able to achieve yet which is to have the transparent content bar come out of the left side towards the right.

    If anyone has any ideas on how that can be done, please contact me.

  • Pingback: 17 Useful jQuery Plugins For Developers | Weboroid