javascript - click eveent to auto event Images change in Jquery -


here code.. when click on thumbnail of image image display it's ok.. need change images auto.. not click event , me change javascript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript">          $(function() {             $(".image").click(function() {             var image = $(this).attr("rel");             $('#img').hide();             $('#img').fadein('slow');             $('#img').html('<img src="' + image + '" class="img"/>');             $('#img').             return false;                 });         }); </script>  <style> .img{ border:4px #666 solid; width:410px; height:350px; }  .thumb{ float:left;  height:60px; width:80px; padding:10px; } </style>  <div  id="img" ><img src="../content/ohoopee1.jpg" border="0" style="width:410px; height:350px;border:4px #666 solid;" /></div>                      <a href="#" rel="../content/ohoopee1.jpg" class="image"><img src="../content/ohoopee1.jpg" class="thumb" border="0"/></a>                     <a href="#" rel="../content/ohoopee2.jpg" class="image"><img src="../content/ohoopee2.jpg" class="thumb" border="0"/></a>                     <a href="#" rel="../content/ohoopee3.jpg" class="image"><img src="../content/ohoopee3.jpg" class="thumb" border="0"/></a>                     <a href="#" rel="../content/ohoopee4.jpg" class="image"><img src="../content/ohoopee4.jpg" class="thumb" border="0"/></a> 

help this......

http://jonraasch.com/blog/a-simple-jquery-slideshow

you can go through tutorial.


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -