Parallax Scroll by adamrob.co.uk

Options

Style

• Enter a post title
  This will be the main title which is displayed over the parallax background. The title can also be hidden. See header style point below.
• Enter some content optional
  Add some content if required, just like any other post/page.
• Add Feature Image
  The feature image is your parallax background
• Parallax Height optional
  Enter a height in pixels you would like the parallax to be. Setting this option will aut-size the parallax based on the content entered. Minimum height is always 100px
• Parallax Image Size optional
  The parallax image will be scaled based on this value. Specify the width in pixels. Set to 0 to auto set the size of the image (recommended)
• Horizontal Position
  The horizontal position of the header on the parallax background.
• Vertical Position
  The vertical position of the header on the parallax background. This setting is ignored if post content is specified.
• Header Style optional
  Enter the inline CSS style required for the header eg. font-weight: bold; font-size: large;
  If you would like to hide the header, type: display: none;
• Full Width optional
  Display the parallax across the full width of the page. This is a work around to get a full width parallax if its not already. This may not work on some themes. Please see the full width help menu for more information.

Parallax Settings

• Parallax Speed optional
  Enter the scrolling speed of the parallax background image. Values between 1 and 10 are valid, 1 being the slowest speed and 10 the quickest. Setting a value of 0 will disable the scrolling of the parallax image, instead leaving the image static.
• Use Parallax.js
  Parallax.js uses java script to render the parallax effect. The plugin below version 1.0 used to be built around this. It may provide improved performance, responsive images and improved mobile options; however it may also introduce cross platform issues. If the parallax effect does not work as required without this being enabled, try enabling it. It is down to user preference to enable or not. (Please note parallax.js was written by picelcog Link

Mobile Settings

• Mobile: Disable Image optional
  Parallax Scroll can only render the background image on mobile devices with no animation. Select this option if you would rather the background image not display at all on mobile devices.
• Mobile: Disable Parallax optional
  Parallax Scroll can only render the background image on mobile devices with no animation. Select this option if you would rather not show the entire parallax (including content) when on a mobile device.
• Mobile: Image Size optional
  Set a size here to scale the image size when on a mobile device. Specify the width in pixels. Set to 0 to auto set the size of the image.