Drupal/sitewide background image

eQuality Technology used the Backstretch module to create a sitewide background image on my Drupal site. The process was convoluted and complicated. Since I didn't write it down, I actually forgot how I even did it. Now I poked around and I think these are the essential elements:

• downloand and install the 'backstretch' module for Drupal (which implements the jQuery plugin by the same name).
• create a 'context' in Drupal that is 'sitewide' in scope. I called it 'context-background'
• create a new content type. I called it 'background'. Under 'Display settings' for that content type, uncheck 'Display author and date information'
• create new content using the 'background' type. Add several files, but with no body. This content does not need to be 'published' to be used. Note the 'id' of this new node.
• To the context, add a 'reaction'. I added 'Backstretch'.
  • To the Backstretch reaction, add the source

type entity
Entity type Content
Image field Image
Entity ID (the node id of the background content you created above)
Image style None
Attach to Whole page
Duration 5000 ms
Fade 0 ms
Horizontally centered yes
Vertically centered yes

That should do it. Here's a thread discussing this question