Jump to content

Archived

This topic is now archived and is closed to further replies.

JawDesigns

Parallaxed background image not working

Recommended Posts

JawDesigns

Hello pagelines,

 

I always seem to find it hard to get images to Parallax for the entire time I am scrolling my page. For example on my home page (http://www.jawdesigns.co.uk/) I have a simple Parallaxed background image which is black and white (trees behind text at the very top of my site). The image I'm using is 2048 x 1367px.

 

Is the image tall enough in height? It suddenly stops scrolling even though there is still more image to display.

 

Any help on this would be great!

 

Thanks, James


James Wilson

Designer & Photographer

 

Share this post


Link to post
Share on other sites
Danny

Hi James,

 

The image gets resized to accommodate your browsers screen width. So even though your image is 2048 x 1367 it has been resized to a width of 1440px and therefore, the height has been reduced to. So you want to use images that have a good sized height and that when resized, still has enough room to work with.

Have you tried a different image and one that has a large height dimension to see if this is related to the image or something else ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
JawDesigns

Hi Danny,

 

Thanks for the reply. I will try another image which is taller in height to see if it works better. The images I use are basically the same aspect ratio as what comes out of the camera (basically 35mm). I thought selecting repeat image in DMS2 would have fixed this because it would repeat images which are not big enough?

 

Thanks again!


James Wilson

Designer & Photographer

 

Share this post


Link to post
Share on other sites
Danny

If the height isn't large enough then when you scroll the image should get repeated top to bottom. If this isn't happening on your site, then there is something else at play, likely custom CSS or a script/plugin.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
JawDesigns

This is what I thought. I will try disabling all plugins and scripts and will see if I can get it to work. I will get back to you soon Danny

 

Thanks again!


James Wilson

Designer & Photographer

 

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja

Hm, I have problems with the parallax to. It works on some pages and on some it doesn't work at all. And this is on the same site så there are not likely to be a plug issue. or? And not just on one site. I have issues on most of the sites. Tried to flash and reset. Disable and enable plug but the parallax is steady as a rock (that is with no prallax effect)


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny

pehja - Can you provide a link to the site in question please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja

Sorry Danny for the delay. The site in question is locally. It seam that issues resolves when flushing the cache.


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny

What app are you using to create your locate sites MAMP ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja
Yes


Skickat från min iPhone med Tapatalk

Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites

  • Similar Content

    • globalnative
      By globalnative+
      Hi there! 
      I'm wondering if I can and how I can easily make a one page scrolling parallax site with menus which scroll rather than take me to a new page?
      Something like this: http://demo.vellumwp.com/home-pages/one-page-resort/.
      Thank you kindly
      Nate
      PS: my site: http://natemaingard.com
    • nandorj78
      By nandorj78+
      I'd like to request a section (or that this could be enabled on the background settings of the existing sections) in which we could set a image to stay fixed, just as we can see in the link below:
      http://www.bootply.com/render/100702 (you can see 2 different background images and everything scrolls on top of it.)
      Is it possible to be done without having to code it via CSS every time?
    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
×