41,6 → 41,12 |
* Gestion des projets - menu defilant * |
********************************************************************************/ |
/* Ajout à la volée des boutons suivant et précédent pour le menu défilant */ |
/* |
* Attention : le contenu des projets doit être une liste d'éléments <li>. |
* Ex : |
* <li><img src="" / ><h3>Projet 1</h3></li> |
* <li><img src="" / ><h3>Deuxieme projet</h3></li> |
* */ |
|
$("#bandeauProjets").append("<div id='boutonPrecedent'> </div>"); |
$("#bandeauProjets").append("<div id='boutonSuivant'> </div>"); |
48,12 → 54,11 |
/* Variables pour le défilement*/ |
var position = 0; |
var increment = 269; |
|
|
$("#boutonSuivant").click(function() { |
//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets |
var ul = $(this).parent().children("ul"); |
var nbLi = ($(ul).children("li").size())-3; |
|
if (position/increment < nbLi) { |
position += increment; |
$(ul).animate({marginLeft: '-' + position}, 400, function() {}); |