carousel

Bonjour ,
j'ai le code suivant

<div class="frame" id="cycleitems">
<ul class="clear">
    <li class="active">
        <span> infrastructure <em>infrastructure</em></span>
        <img src="/sites/all/themes/best_responsive/images/infrastructure.jpg" alt="infrastructure" />
    </li>
  <li>
        <span class="dark-background"> NTIC <em>NTIC</em></span>
      <img src="/sites/all/themes/best_responsive/images/ntic.jpg" alt=" NTIC "/>
</li>
 <li>
        <span class="dark-background"> Energie <em>Energie</em></span>
      <img src="/sites/all/themes/best_responsive/images/energie.jpg" alt=" Energie "/>
 </li>
<li>
        <span class="dark-background"> Agriculture <em>agriculture</em></span>
      <img src="/sites/all/themes/best_responsive/images/agriculture.jpg" alt=" Energie "/>
 </li>
 <li>
       <span class="dark-background"> Hotel <em>Hotel</em></span>
      <img src="/sites/all/themes/best_responsive/images/hotel.jpg" alt=" Hotel "/>
</li>
</ul>
</div>

avec la class active qui se déplace de maniere circulaire
j'aimerai maintenant sur le li actif faire une petite animation c'est à dire faire apparaitre en fadein le span qui actuellement en display none