logo-responsive
Welcome, Guest
Username: Password: Remember me

TOPIC: Parallax effect

Parallax effect 1 month 2 weeks ago #15955

  • meisters
  • meisters's Avatar
  • Offline
  • Fresh Boarder
  • Posts: 16
  • Karma: 0
Hi
In the demo of the Template Joomlage0121 "Adventure" you implemented some parallax-Effects in the Style 2.
- How to do this? is there a Module included or, if no, what have I to do for getting the same effect?

Thanks in advance
Stephan
The administrator has disabled public write access.

Parallax effect 1 month 2 weeks ago #15956

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5327
  • Thank you received: 866
  • Karma: 98
Hello,

You simply add a background image to the container of your choice in the template styling.
Example. Put an image in the background for the Top Module block. When you view your site and scroll you will see the parallax effect take place.

Thanks,
JohnO
The administrator has disabled public write access.

Parallax effect 1 month 1 week ago #15973

  • meisters
  • meisters's Avatar
  • Offline
  • Fresh Boarder
  • Posts: 16
  • Karma: 0
...this works fine, thank you.
Additional question: is there a possibility to change the "speed* of the background scrolling, i.e. background scrolls only one tenth of the foreground?
Thank you in advance!
Stephan
The administrator has disabled public write access.

Parallax effect 1 month 1 week ago #15975

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5327
  • Thank you received: 866
  • Karma: 98
Hello Stefan,

You only have the following option.

The ratio is relative to the natural scroll speed, so a ratio of 0.5 would cause the element to scroll at half-speed, a ratio of 1 would have no effect, and a ratio of 2 would cause the element to scroll at twice the speed. To edit the required elements please see below

1: Open the index.php file in the template
2: Do a find for
data-stellar-background-ratio="0.5"
3: Edit the values 0.5 to 2.
4: Save the file

Thanks,
JohnO
The administrator has disabled public write access.
Time to create page: 0.162 seconds
Powered by Kunena Forum

Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.

Use code   NOV19 at checkout

    NOVEMBER    

10% off Everything!

Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok