jQuery Coda Slider

This is another coda slider built with jQuery (check YCodaSlider 2.0 – wrd post). As the use of them are becoming common, it is better we have different choices.

To run this coda slider, along with jQuery you need the following plugins:

jQuery Coda Slider

Some features of this coda slider:

  1. Degrades perfectly without JavaScript enabled
  2. Hitting the page with a specific hash (i.e. page.html#preview) shows the right tab, and highlights the right navigation
  3. Any link on the page that refers back to a panel should trigger the effect and highlight the right navigation – this should happen without any extra work.

Besides the codes, you can find how this coda slider is built in detail.

  • This plugin is wounderful but it got a bug.

    Just navigate to any tab and refresh the page. You will get mix of different tab’s data.(try yourself to see what i mean)

    It will be nice to use cookies to save the active tab id etc, so that the reload of the page can bring the same tab or at least the first tab nicely.

    I am working on it to fix it. Will post if i found something.

    By the way i am using Firefox 2.0 / Firefox 3

  • @Aamir,

    You’re right, I just tried it and you’re right.

    When you F5 refresh it works ok. As it is JS, it must be a caching problem.

    Another solution would be preventing caching via code I guess.

    If you find a solution, please share it.

  • @wrd
    True! I thought that the active tab is being saved in a cookie just to load the same tab when the user come to the page again, but i didnt found any of the 4 js files using cookies.

    You are right it must me a caching problem. I will post if i find any solution.

    Cheers

  • A WordPress theme was made using this:
    http://wordpress.bustatheme.com/coda/

  • je trouve ce script tres utile est tres inspirant merci CODA

  • Rushi Mehta

    Hey guys, hi

    I am using a coda slider in which i have 5 panels for taking in the user information. On each panel i have a save button to save the relevant information on that page but when i click on the save button nothing happens and the structure of the panels get disrupted…please can anyone help me out to solve this problem..???

  • It looks so amazing. I must do it on some design websites. 🙂

    Thank you for sharing.

  • rub

    I use something like this but I have problem when loading on IE, I see all the panel before the page loading. how can I put something until the page ends it loading?

  • i am using this script for my website winysworld.com but getting some problem. can i have a domo please

Search