1. Codigo HTML
<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js">
/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<div id="slider1" class="sliderwrapper">
<div class="contentdiv">
Content 1 Here. <img src="img_anuack/First.gif" width="18" height="13" /><br />
</div>
<div class="contentdiv">
Content 2 Here.
<img src="img_anuack/Last.gif" width="18" height="13" /></div>
<div class="contentdiv">
Content 3 Here.<br>
<img src="img_anuack/Next.gif" width="20" height="160" /></div>
<div class="contentdiv">
Content 4 Here.
<img src="img_anuack/Last.gif" width="18" height="13" /></div>
</div>
<div id="paginate-slider1" class="pagination">
</div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Anterior", "Siguiente"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 1000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>