i have a couple of thumbnails images,
Please can u help me with some C# code that makes sure that every 30 seconds a slide happen, or mayby u click on a "next or previous" button that a slide happens?
thanks in advance
Hi tandoh,
Refer the below sample.
<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js"></script> <link rel="Stylesheet" href="http://cdn.jsdelivr.net/jcarousel/0.2.8/skins/tango/skin.css" /> <script type="text/javascript"> $(function () { $('#mycarousel').jcarousel({ vertical: false , auto: 2 , wrap: 'circular' , scroll: 1 , animation: 300 //time in seconds 3seconds. //,buttonNextHTML: null // If you want to hide next arrow then uncomment the line. //,buttonPrevHTML: null // If you want to hide previous arrow then uncomment the line. }); }); </script> <ul id="mycarousel" class="jcarousel-skin-tango"> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/75/199481072_b4a0d09597_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/57/199481087_33ae73a8de_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/77/199481108_4359e6b971_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/58/199481218_264ce20da0_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/69/199481255_fdfe885f87_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg' /> </li> <li> <img alt="" style='height: 75px; width: 75px' src='http://static.flickr.com/70/229228324_08223b70fa_s.jpg' /> </li> </ul> </form> </body> </html>
Demo
© COPYRIGHT 2025 ASPSnippets.com ALL RIGHTS RESERVED.