Jump to content


Photo

Div Background Slideshow

Superfade Backstretch Full-width adammunns

  • Please log in to reply
7 replies to this topic

#1 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 02 September 2013 - 11:47 PM

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:

 
<script>  
   $(document).ready(function()
  {
      $("#pl_area3o2o3m").backstretch([
      "http://dl.dropbox.com/u/515046/www/outside.jpg"
    , "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg"
    , "http://dl.dropbox.com/u/515046/www/cheers.jpg"
  ], {duration: 3000, fade: 750});
  });
 </script>
<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!

 

Thanks,

Steve



#2 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 04 September 2013 - 05:56 AM

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



#3 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 08 September 2013 - 01:55 AM

@cmunns, any suggestions?



#4 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 28 October 2013 - 03:12 AM

Still nothing on the Superfade section/plugin?  

 

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



#5 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 27 January 2014 - 07:30 PM

@cmunns, any chance you'll migrate this to DMS?



#6 alisamski

alisamski

    Advocate

  • Members

  • 485 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 06 March 2014 - 02:26 PM

I found this worked in DMS if Adam does not reply...

Vegas Slider

http://wordpress.org...kground-slider/


  • tsalstrand likes this

#7 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 06 March 2014 - 08:50 PM

@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?

 

Thanks!



#8 alisamski

alisamski

    Advocate

  • Members

  • 485 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

Posted 06 March 2014 - 08:56 PM

@tsalstrand

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...







Also tagged with one or more of these keywords: Superfade, Backstretch, Full-width, adammunns