Bootstrap-based image carousel function,
Support for js and css insertion:
<link rel="stylesheet" href="css/bootstrap.min.css"/> <script src="js/jquery-1.9.1.min.js"></script><script src="js/bootstrap.min.js"></script>
HTML code:
<Div id = "pictures" class = "item"> <div id = "myusel" class = "carousel slide"> <! -- Carousel) indicator --> <ol class = "carousel-indicators"> <li data-target = "# myCarousel" data-slide-to = "0" class = "active"> </ li> <li data-target = "# mydomainusel" data-slide-to = "1"> </li> <li data-target = "# mydomainusel" data-slide- to = "2"> </li> </ol> <! -- Carousel) project --> <div class = "carousel-inner"> <div class = "item active"> </div> <div class = "item"> </div> <div class = "item"> </div> </div> <! -- Carousel navigation --> <a class = "usel-control left" href = "# myeclipusel" data-slide = "prev"> & lsaquo; </a> <a class = "carousel-control right" href = "# myeclipusel" data-slide = "next"> & rsaquo; </a> </div>