Jquery News Slider

escotrogysace

New Member
I'm trying to clone this Plugin, that you see here http://www.veterama-szene.de/ in Top Story.On MouseOver above a Top Story, the Story is shown up at the bigger left box. If the cursor is out of the whole Top Story Box, the Top Stories change automaticly.So I coded the script so far, that the MouseOver function works. you go over a Top Story and clones it to the bigger left box.But that auto-change doesn't work. So please help me to make that work. Thank you.Jquery\[code\]<script type=\"text/javascript\"> $(document).ready(function(){ $('.listnews .newsitem').hover( function() { $('.bignews').html(''); $(this).clone().appendTo('.bignews'); $('.bignews').show(); }, function() { $('.bignews').show(); } ), $(function() { $('.bignews').html(''); $('#item1').clone().appendTo('.bignews'); $('.bignews').show(); }); });</script>\[/code\]HTML\[code\]<table border="0" cellpadding="0" cellspacing="0" class="news"> <tr> <td class="bignews"> </td> <td class="listnews"> <div class="newsitem" id="item1"> <div> <h4>headline</h4></div> <p>text</p> </div> <div class="newsitem" id="item2"> <div> <h4>headline</h4></div> <p>text</p> </div> <div class="newsitem" id="item3"> <div> <h4>headline</h4></div> <p>text</p> </div> <div class="newsitem" id="item4"> <div> <h4>headline</h4></div> <p>text</p> </div> <div class="newsitem" id="item5"> <div> <h4>headline</h4></div> <p>text</p> </div> </td> </tr></table>\[/code\]
 
Back
Top