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.

9 Comments
  1. Reply Aamir Afridi July 3, 2008 at 11:39 AM

    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

  2. Reply Umut M. July 3, 2008 at 11:49 AM

    @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.

  3. Reply Aamir Afridi July 4, 2008 at 3:16 AM

    @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

  4. Reply Greg Johnson July 30, 2008 at 9:37 PM

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

  5. Reply touhami October 20, 2008 at 8:03 PM

    je trouve ce script tres utile est tres inspirant merci CODA

  6. Reply Rushi Mehta January 23, 2010 at 2:33 AM

    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..???

  7. Reply kućni ljubimci March 23, 2011 at 4:11 PM

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

    Thank you for sharing.

  8. Reply rub June 2, 2011 at 8:11 AM

    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?

  9. Reply Ranjit kumar August 15, 2011 at 1:57 AM

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

Leave a reply

Search