Rémi Accueil
Rémi Accueil
Rémi Univers
Rémi Compétences
Rémi Réalisations
Rémi Contact
Légende : Fonction, argument, variables, objet, fonction JQuery
/**
* Bubbles slider : automatic position set, referring to where the a link was set in the html part
* @param nthchild
* @param linkeda
*/
function setBubbles(nthchild, linkeda) {
var iDiff;
var iPos = $('#' + linkeda).offset();
var iBodyHeight = $('#wrap').height();
iDiff = ((iPos.top - 60) / iBodyHeight) * 100;
if (iDiff > 96) {
iDiff = 96;
}
else if (iDiff < 0) {
iDiff = 2;
}
$('.bubble:nth-child(' + nthchild + ')').css('left', "calc(" + iDiff + "% - 30px)");
}
setBubbles(2, 'accueil');
setBubbles(3, 'univers');
setBubbles(4, 'competences');
setBubbles(5, 'realisations');
setBubbles(6, 'contact');
Les bulles permettant de naviguer se placent automatiquement, en fonction de leur position
dans la page !
La fonction récupère la position des ancres a href="" de la page. De la même manière que le
fonctionnement du slider, la position verticale de ces ancres est convertie en % de la barre de slide
horizontale.
Une ancre placée au milieu de la page se retrouvera à 50% sur le slider.