Bonjour,

Le thème propose de faire des background images en parallax. J'en ai 4 : leux deux premières s'affichent bien et mais pas les deux autres. Je pense que c'est un problème de background-position mais je n'arrive pas à comprendre pourquoi seulement la moitié des background fonctionne bien.

J'ai essayé de conctacter la personne qui a créé le plugin mais aucune réponse.

Voici le code proposé par le thème :

(function( $ ){
    var $window = $(window);
    var windowHeight = $window.height();

    $window.resize(function () {
        windowHeight = $window.height();
    });

    $.fn.parallax = function(xpos, speedFactor, outerHeight) {
        var $this = $(this);
        var getHeight;
        var firstTop;
        var paddingTop = 0;

        //get the starting position of each element to have parallax applied to it      
        $this.each(function(){
            firstTop = $this.offset().top;
        });

        if (outerHeight) {
            getHeight = function(jqo) {
                return jqo.outerHeight(true);
            };
        } else {
            getHeight = function(jqo) {
                return jqo.height();
            };
        }

        // setup defaults if arguments aren't specified
        if (arguments.length < 1 || xpos === null) xpos = "50%";
        if (arguments.length < 2 || speedFactor === null) speedFactor = 0.1;
        if (arguments.length < 3 || outerHeight === null) outerHeight = true;

        // function to be called whenever the window is scrolled or resized
        function update(){
            var pos = $window.scrollTop();              

            $this.each(function(){
                var $element = $(this);
                var top = $element.offset().top;
                var height = getHeight($element);

                // Check if totally above or totally below viewport
                // if (top + height < pos || top > pos + windowHeight) {
                //     return;
                // }

                $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px");
            });
        }       

        $window.bind('scroll', update).resize(update);
        update();
    };
})(jQuery);

Voici le lien de mon site : www.cimayadev.fr/humanis

1 réponse


Bonjour,

Pourrai tu développer un peu plus ?

Quelle theme, plugin ?
Je ne constate pas de parallax sur ton site, de quelles éléments parle tu ? Un image sur deux ?