<link rel="stylesheet" type="text/css" href="<?=HTTP_SERVER;?>slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="<?=HTTP_SERVER;?>slick/slick-theme.css"/>
<script type="text/javascript" src="<?=HTTP_SERVER;?>slick/slick.min.js"></script>
<div class="postimgs">
<?
//print_r($rowprd);
for($i=0;$i<=4;$i++){
if(isset($rowprd['pic'.$i])&& $rowprd['pic'.$i]){
	?><div style="height:500px;vertical-align:middle;"><center><img src="<?=HTTP_SERVER;?>images/products/<?=$rowprd['pic'.$i];?>"/></center></div><?
}
}
?>
</div>
<script type="text/javascript">
$(document).ready(function(){
  $('.postimgs').slick({
	dots: true,
	infinite: true,
	speed: 500,
	fade: true,
	adaptiveHeight: true,
	autoplay: false,
	autoplaySpeed: 2000,
	cssEase: 'linear'
  });
});
</script>