<div class="flexslider flex_slider">
<ul class="slides">
   <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <li>
      <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
    </li>
    <?php } else { ?>
    <li>
      <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
    </li>
    <?php } ?>
    <?php } ?>
  </ul>
</div>
<script type="text/javascript">
   $(document).ready()
$(window).load(function() {
  $('.flex_slider').flexslider({
    animation: "fade"
  });
});
</script>