Help with a Featured Content Slider
I was hoping somebody could help me "install" some kind of timer/slider that would integrate with already written HTML code.
- <div id="headlines">
<ol>
<li><a href="javascript:$('#content_1').slideDown('medium');tabSwitch('tab_1', 'content_1');" id="tab_1" class="activ">1</a></li>
<li><a href="javascript:$('#content_2').slideDown('medium');tabSwitch('tab_2', 'content_2');" id="tab_2">2</a></li>
<li><a href="javascript:$('#content_3').slideDown('medium');tabSwitch('tab_3', 'content_3');" id="tab_3">3</a></li>
</ol>
<div id="content_1" class="content active">
<h1>Your Employees are <span class="red">Important</span>.<br /><span class="green">Re-energize</span> your team today!</h1>
<img src="<?php bloginfo('siteurl'); ?>/wp-content/themes/mywebpilot/images/common/re-energize-employees.jpg" width="547" height="228" alt="" />
</div>
<div id="content_2" class="content">
<img src="<?php bloginfo('siteurl'); ?>/wp-content/themes/mywebpilot/images/common/re-invigorate-yourself.jpg" width="569" height="375" alt="Re-invigorate yourself - Call us today to schedule your time in our wellness center. Swedish Massage, Shiatsu, Reflexology, Reiki, Sports Massage, Healing Touch, Cranio-Sacral Massage, Lymphatic Massage, Pre/Post Natal Massage, Vibrational Healing Massage, Hot Stone Therapy, and Deep Tissue & Thai Massage." />
</div>
<div id="content_3" class="content">
Content3 goes here!!!
</div>
</div>
I would like to create some kind of timer event that will scroll through each of the content_# divs twice and then stop on #content_1 after that second interval.
I am still new to javascript/jQuery so any help is GREATLY appreciated.
Thanks