Tutoriel : Ajouter un Slider FancyTransitions à votre Site Web
Commencer par télécharger jQuery et jqFancyTransitions et de les inclure entre les balises <head> et </head> comme indiqué ci-dessous:
Code HTML
|
1 2 |
<script type="text/javascript" src="js/jquery-1.js"></script> <script type="text/javascript" src="js/jqFancyTransitions.js"></script> |
Code HTML
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="container"> <div style=" width: 500px; height: 332px; position: relative; background-position: left top;" id="FancyTransitions"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 1 <a href="">Votre Texte</a></i>"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 2 <a href="">Votre Texte</a></i>"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 3 <a href="">Votre Texte</a></i>"> <img style="display: none;" src="img/img1.jpg" alt="<i>Texte 4 <a href="">Votre Texte</a></i>"> </div> <script> $('#FancyTransitions').jqFancyTransitions({ position: 'curtain' }); </script> </div> </div> |
