Retour

Slider

Bulles

Héro

Timer

Rémi Accueil

Lebigre Rémi logo

Rémi Univers

Lebigre Rémi logo

Rémi Compétences

Lebigre Rémi logo

Rémi Réalisations

Lebigre Rémi logo

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.