Web International Awards

payday loan


MAR 2010 5

Awesome Slider demo and source codes

Slider screenshot

Just two days ago I published a tutorial on building a custom slider with jQuery using XML to store data. You've asked it, and today I am publishing a demo of the slider and also releasing the source code.

Demo & source codes

You can check out live versions of this slider on Evenimente by Niki website's homepage and soon on the new version of our web agency's website.

If you enjoyed this article you can stay updated to new content via our RSS feed or by email.

Further reading

Published on Thursday, March 4th, 2010 at 5:04 pm in tutorials.

About Bogdan Pop

Bogdan Pop is a young Romanian entrepreneur who runs WebRaptor. He is a web developer with awesome design skills, who enjoys writing about everyday's work and usability. He relaxes by taking photos every once in a while and by mixing french electronic music. Connect with him via Twitter.
  1. Mike says: April 3rd, 2010 at 2:02 am

    Great piece of code you got here.

    However, there is a slight problem in IE8: after the first slide (or if you click any other slide), the heading (or the bold text) starts to look bad.

    It’s like the anti aliasing doesn’t work anymore or something. Can you take a look and shoot a comment?


  2. Bogdan Pop says: April 3rd, 2010 at 10:35 am

    Hey Mike,

    I am a macintosh user and cannot test functionality on IE, only layouts.

    Could you upload a screenshot somewhere and link it here so that I can see exactly what the issue is.


  3. Mike says: April 12th, 2010 at 11:22 pm

    How do i attach the screen shots? Do you have an email address where i can send them?

    thanks for your time

  4. Coding a simple slider in no time says: May 13th, 2012 at 10:52 am

    […] sliders in the past. We first had a tutorial on building a XML powered slider, then we released the source codes and demo for the xml slider and we finally released the latest revision as the xml slider plugin. Today we're going back to […]

  5. Allison C says: July 16th, 2014 at 3:55 pm

    When I incorporate this into my site, I get an error in the console: Uncaught TypeError: undefined is not a function on the line 64: $(selector+’ .splash-controls a’).live(‘click’,function (){

Save time next time! You won't have to fill out all these fields again. Register in just a few clicks and then login.

If you do not have a username, you can register in just a few clicks.