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
Post a Comment