PDA

View Full Version : Featured Content Slider v2.4



danhtho
06-06-2009, 01:10 PM
Iím use Featured Content Slider v2.4 for slide picture like this
http://img198.imageshack.us/img198/4015/copyofcontentslider.png

and this is a source code of this content slider

<div id="slide">
<table width="590" border="0" cellpadding="0" cellspacing="0" bordercolor="#99FF33">
<tr>
<td width="300" align="right"><table width="50" border="1">

</table>
<div id="slider2" class="sliderwrapper">
<div class="contentdiv"><img src="<?php echo $row_itemmoinhat['urlHinh'];?>" width="300" height="250" align="left"/></div>
<div class="contentdiv"> <img src="<?php echo $row_itemmoinhat2['urlHinh']; ?>" width="300" height="250" align="left" /></div>
<div class="contentdiv"> <img src="<?php echo $row_itemmoinhat3['urlHinh']; ?>" width="300" height="250" align="left" /></div>
</div>

<td width="19" align="right" valign="top">&nbsp;</td>
<td width="100"><div id="paginate-slider2" class="pagination">
<?php do { ?>
<a href="chitietsanpham.php?idItem=<?php echo $row_itemmoinhat['idItem']; ?>" class="toc" style="margin-left: 0px"><img src="<?php echo $row_itemmoinhat['hinhThum']; ?>" width="80" height="60" /></a>
<?php } while ($row_itemmoinhat = mysql_fetch_assoc($itemmoinhat)); ?>

</div>
<script type="text/javascript">

featuredcontentslider.init({
id: "slider2", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[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></td>
<td width="171" align="left" valign="top"><p></p>
</td>
</tr>
</table>
</div>


I want show content of this picture (from data base)