banner.html.php

<div id="banner" data-delay="5000" data-speed="700">
  <ul>
    <li class="banner-item-0">
      <img class="next" src="img/banniere/MVP_2013.jpg" alt="Marche du Vieux Port de Quebec" width="890" height="490" />
    </li>
    <li class="banner-item-1">
      <img class="next" src="img/coffretdegustationbanniere.jpg" alt="Nouveau! Le Coffret Degustation" width="890" height="490" />
    </li>
    <li class="banner-item-2">
      <img class="next" src="img/banniere/MCN_2013.jpg" alt="Marche Casse-Noisette" width="890" height="490" />
    </li>
    <li class="banner-item-3">
      <img class="next" src="img/distingueunan1.jpg" alt="Le Distingue gateau aux fruits affine un an" width="890" height="490" />
    </li>
    <li class="banner-item-4">
      <img class="next" src="img/distingue2.jpg" alt="Le Distingue gateau aux fruits" width="890" height="490" />
    </li>
    <li class="banner-item-5">
      <img class="next" src="img/audacieux.jpg" alt="L'Audacieux" width="890" height="490" />
    </li>
    <li class="banner-item-6">
      <img class="next" src="img/distingue1.jpg" alt="Le Distingue gateau aux fruits" width="890" height="490" />
    </li>


  </ul>
</div>
<ul id="banner-navigation">
    <li class="banner-nav nav-item-0 selected">0</li>
    <li class="banner-nav nav-item-1">1</li>
    <li class="banner-nav nav-item-2">2</li>
    <li class="banner-nav nav-item-3">3</li>
    <li class="banner-nav nav-item-4">4</li>
    <li class="banner-nav nav-item-5">5</li>
    <li class="banner-nav nav-item-6">6</li>
</ul>