Is this effect in pro possible?

Support
#1

hi there,

is such a effect on scroll with the background in x pro possible?

just scroll back now the video will transform to full screen.
thanks in advance for your help.

cheers

#2

Hi Harald,

Thanks for writing in! Regretfully, PRO does not have this feature. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. Pro is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding,
Have a nice day,

#3

hi friech,

thanks for your answer.
i found a codepen that looks like i want:

now i tried to implement it, i tried a class on the section, row and img. added the js code in theme options and some css. but i cant figure it out how to select the image correctly to zoom…

i know customization is out of the scope from support, but can you give me a starting point how to implement it correct?

thanks in advance

#4

Hello Harald,

Your code is missing its JS wrapper:

(function($){
  // jQuery methods go here...
})(jQuery);

For referrence:

The code should be:

(function($){
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    $(".zooom img").css({
      width: (80 + scroll/5)  + "%",
      top: -(scroll/10)  + "%",
      //Blur suggestion from @janwagner: https://codepen.io/janwagner/ in comments
      "-webkit-filter": "blur(" + (scroll/200) + "px)",
      filter: "blur(" + (scroll/200) + "px)"
    });
  });
})(jQuery);

Hope this helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.