Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- setInterval((your funcition),(time change));
- example: setInterval(function(){alert("Hello")}, 3000);
- //----------------------Script-----------------------------------------------------------------------------------
- <script>
- $(document).ready(function () {
- var change_img_time = 5000;
- var transition_speed = 1000;
- var simple_slideshow = $("#ex"),
- listItems = simple_slideshow.children('tr'),
- listLen = listItems.length,
- i = 0,
- changeList = function () {
- listItems.eq(i).fadeOut(transition_speed, function () {
- i += 1;
- if (i === listLen) {
- i = 0;
- }
- listItems.eq(i).fadeIn(transition_speed);
- });
- };
- listItems.not(':first').hide();
- setInterval(changeList, change_img_time);
- </script>
- //-------Html-------------------------------------------------------------------------------------------------------
- <table>
- <tbody id="ex">
- <tr>
- <td><a href=""><img style="width:100%" src="img/thumb-7LK07YGs32_320x320.jpg"></a></td>
- <td><a href=""><img style="width:100%" src="img/thumb-44WF12_320x320.jpg"></a></td>
- <td><a href=""><img style="width:100%" src="img/thumb-44S322_320x320.jpg"></a></td>
- </tr>
- <tr>
- <td><a href=""><img style="width:100%" src="img/thumb-7LK07YGs32_320x320.jpg"></a></td>
- <td><a href=""><img style="width:100%" src="img/thumb-44WF12_320x320.jpg"></a></td>
- <td><a href=""><img style="width:100%" src="img/thumb-44S322_320x320.jpg"></a></td>
- </tr>
- </tbody>
- </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement