Subscribe via

Automatically Cycle/Rotate Fun With Sidebar Tabs

Thaya Kareeson

Tabbed WidgetOne of my favorite WordPress plugins that I use is Fun With Sidebar Tabs, coded by the awesome Andrew Rickmann. This plugin lets you easily tab your sidebar widgets so you can solve your sidebar cluttering issue.

The only addition I would want from such a wonderful plugin is the ability to cycle (or rotate) through the tabs automatically, so here it is. My implementation is just a simple jQuery javascript that should just plug-and-play[pray] with Fun With Sidebar Tabs.

I will also be submitting this to Andrew for possibly patching Fun With Sidebar Tabs. Stay tuned by subscribing to the RSS feed and I will let you know when the changes become official. For now, installation is easy as pie.

Installation

  • Download rotate_fwst.js and place it anywhere on your server.
  • Make sure Fun With Sidebar Tabs is activated.
  • Refer to rotate_fwst.js in the footer of your template.  For example:
    <script type="text/javascript" src="/path/to/your/rotate_fwst.js"></script>
  • Refresh homepage to see that your tabs are cycling.

Optional Configurations

  • You can modify the cycle delay by modifying the “delay” variable near the top of rotate_fwst.js (look for “cycle delay in milliseconds”).
  • By default, the script keeps the height of the widget the tallest of all tabs (so that the sidebar doesn’t keep changing heights on you). You can disable this (and have the height shrink/grow based on the tab height) by commenting-out/deleting the code between “// START: change height to max height” and “// END: change height to max height” in rotate_fwst.js.

What do you think?

Please leave me questions/comments/suggestions in the comments section.

Save and Share
StumbleUpon
Reddit

5 Responses to “Automatically Cycle/Rotate Fun With Sidebar Tabs”

[go to last comment]
  1. redwall_hp

    This is neat. I've been wondering about how to show-off different tabs on the box on my sidebar, mainly the "Network" tab. I'll have to consider trying this.

  2. Thaya Kareeson

    @redwall_hp,
    It looks like you are not using Fun With Sidebar Tabs to do your widget tabbing so it won't be plug-and-pray, but I think you should be able to modify it for your own needs with your expertise.

  3. redwall_hp

    That's exactly what I was planning. Should mostly be a matter of changing jQuery selectors. :)

  4. 5 minute membership

    great site full of great content

  5. Kate

    will try it

[go to first comment]

Leave a Reply