Jump to content


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


Div Background Slideshow

Recommended Posts


In Pagelines 2.0, Adam Munns created a plugin called Superfade that was free and based upon Scott Robbin's jQuery "Backstretch" script.


Well, while that might not be available for DMS, I'm trying to just load the script and write a little jQuery to make it work.  Scott Robbin's gave some instructions on his website, but for the life of me, I can't get it to work for the background of one of my elements.


I'm trying to get it to work on this page: http://convertwith.me/our-process/

For the ID #pl_area3o2o3m which has a class equivalency of .tester-area


This is what I have in the "custom scripts" area:

    , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
    , "http://dl.dropbox.com/u/515046/www/cheers.jpg"
  ], {duration: 3000, fade: 750});
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
<script src="jquery.backstretch.min.js"></script>

I've also try switching out the ID for the class .tester-area


jquery.backstretch.min.js is loading properly, so it has to be how I'm calling it in, but I can't figure out where I'm missing the mark.  

Suggestions would be great!




Share this post

Link to post
Share on other sites

well, I try to help others out here on the forums when I can... but no help on this?

Share this post

Link to post
Share on other sites

Still nothing on the Superfade section/plugin?  


I'd really like to see that added to DMS.

Share this post

Link to post
Share on other sites

alisamski thanks for the suggestion! Were you able to make this work with individual sections?  


An chance you have a DMS site I could look at as an example?



Share this post

Link to post
Share on other sites


I ended up not utilizing the plugin...went in another directions... but it did work in dms. I believe it takes on the entire site background...

Share this post

Link to post
Share on other sites

  • Similar Content

    • FRevi
      By FRevi+
      I am trying to achieve a gallery (Envira Gallery plugin) that spans the full width of a page, within Platform 5 theme. Can't figure it out.
      The page should look roughly like this: www.frankrevi.photography/envira/favorites-2 (maybe minus the title, that's another story). This is a standalone gallery page and not part of my site. Nothing links to it.
      But instead it is this on the real page: www.frankrevi.photography/favorites.
      Currently I have the gallery in a Pagelines Framework Content section. My framework content wrap is set to unwrapped full width. I'm using all 12 columns. In Pagelines Settings, my Layout/Nav Content Width is set to 100%.
      How can I get the gallery on the real page URL to be the full page width please?
    • flourishdesignstudio
      By flourishdesignstudio+
      Hello! I'd like to find a way to have a full width section that I can have a slideshow as a background. I see that DMS allows you to place video in the background of a full-width section. Is therea way to have the same effect with a slideshow?
      Thanks for the help!
    • atcdomainsolutions
      By atcdomainsolutions+
      I remember a little while back there was a PLNextbox that was Full Width to go along with the "Content Width" but I no longer see it.
      Is there anything similar that would allow us to add normal text/shortcodes, etc into a Full Width section?
    • lejonl
      By lejonl
      How do I set upp a full-width portfolio overview like this
      With a link to the specifik portfolio post, placed like in the example only working
      I can only find one thread about something similar, but not about this actual issue.
    • ogabriel
      By ogabriel
      I´ve just bought DMS 2.0 and I´m trying to wrap my head arount it.
      I´m trying to copy the very simple style of the Portifolio/big images with no sucess...
      any directions how to do it?
      I´m missing something?
      For your info: I´m a experienced WP designer.