Visual Demonstration of Parallax Effect

This module has no recommended release version pending Peer Review through the Drupal Issue Queue.

About

The Parallax Block module enables the user to select none, Same, or Opposite directions (vertically and/or horizontally) when creating a block. Selecting Same or Opposite places a data-attribute which is ready by the attached javascript file, and then targeted for calculations causing parallax effect based on 'same' or ' opposite' value.

The Parallax Admin module creates a configuration page where parallax effects can be set up for the whole site. The options are similar to Parallax Block, but with the option to use a CSS/jQuery selector to apply the rules across content types, block, views, etc. This makes it much more flexible than Parallax Block, while losing some of the immediacy of managing the effect.

Example of parallax effects: https://www.spotify.com/us/


Requirements

  • Parallax Block requires Blocks, jQuery Update, and File to be enabled.
  • jQuery Update should be configured to use jQuery 1.7 or later.

Installation


Configuration

  • Immediately after installation, please make sure that your site is using jQuery 1.7 or later.
  • This module requires no configuration in its initial release. Additional releases may change this.
  • Parallax Block requires permissions to administer blocks.

Troubleshooting

If the option when creating new blocks does not appear, make sure the module is enabled. Then, check to see if another module is modifying the block creation page.

If there are no data-attributes being applied to the blocks when a value has been saved, please try updating jQuery with jQuery Updater. This module requires jQuery 1.7 or later. After that, please submit a bug report.


FAQ

  • Will this module work on mobile devices?

    No, the javascript is actually disabled on devices with mobile browsers. The reason for this is that for touchscreen devices, DOM manipulation is frozen during the scroll event, resulting in a stuttery effect. This may change in future versions of the module.

    I have a fix in place that allows for the images to still be displayed when no "parallax direction" has been set, so that if an image has been uploaded, it will be displayed.

  • Should I use this all over my site?

    Probably not. Parallax is a very cool effect, but makes a bigger impact when rarely used. Follow the motto "Less is more". Also, using it in a ton of places on the same page could cause some performance issues, especially on slower, older devices.


Maintainers

Current Maintainers:


Supporting organizations: 
We have implemented parallax for showing advertisement on media website. images and videos types of media are supported

Project information

Releases