My script needs a fade rotator!

My script needs a fade rotator!

Why don't they communicate with each other.
I saw this (www.3fm.nl) which has a nice slider and I want to create a similar one. 

I got the hover-part. Which seems to work fine. However I need the fading slideshow when not hovering.

Who can help me with my final js?

html
  1. <div id="slideshow">
  2.       <div class="show_pictures_container">
  3.         <ul class="show_pictures">
  4.           <li class="article_row cols1 clearfix">
  5.             <div class="article_column column1">
  6.               <div class="contentpaneopen">
  7.                 <div class="article-content">
  8.                   <a href="#">
  9.                   <img src="1.jpg" height="440" width="940"></a>
  10.                 </div>
  11.               </div>
  12.             </div>
  13.           </li>
  14.           <li class="article_row cols1 clearfix">
  15.             <div class="article_column column1">
  16.               <div class="contentpaneopen">
  17.                 <div class="article-content">
  18.                   <a href="#">
  19.                   <img src="2.jpg" height="440" width="940"></a>
  20.                 </div>
  21.               </div>
  22.             </div>
  23.           </li>
  24.         </ul>
  25.       </div>
  26.       <div class="show_menu_container">
  27.         <ul class="show_menu">
  28.           <li>
  29.             <a href="#">Item1</a>
  30.           </li>
  31.           <li>
  32.             <a href="#">Item2</a>
  33.           </li>
  34.         </ul>
  35.       </div>
  36.     </div><!-- end slideshow -->
javascript

  1. <script type="text/javascript">
  2. $jquery(document).ready(function(){
  3. $jquery(".show_menu li:last").addClass("actief")
  4. $jquery(".show_menu li").hover(function() {
  5. $jquery(".show_menu li:last").removeClass("actief");
  6. var index = $jquery(".show_menu li").index(this);
  7. $jquery(this).addClass("actief");
  8. $jquery("ul.show_pictures").find('li').eq(index).addClass("over");
  9. },function(){
  10. $jquery(".show_menu li:last").addClass("actief");
  11. $jquery(this).removeClass("actief");
  12. var index = $jquery(".show_menu li").index(this);
  13. $jquery("ul.show_pictures").find('li').eq(index).removeClass("over");
  14. });   
  15. });
  16. </script>








    • Topic Participants

    • joris