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

TOPIC: Parallax effect

Parallax effect 9 months 6 days 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 9 months 6 days ago #15956

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5491
  • Thank you received: 887
  • Karma: 99
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 9 months 9 hours 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 8 months 4 weeks ago #15975

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5491
  • Thank you received: 887
  • Karma: 99
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.112 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   JULY20 at checkout

    JULY    

10% off Everything!

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.