Slideshow Next|Prev Sample Page

[sneil69]

Thanks for the code but is there a working sample page online or to download I could see?

[charyorde]

Just checked this link and the next prev function is not working.

[srobbin]

I just added a new way to call prev/next on a Backstretch slideshow:

// First, create a Backstretch slideshow
$.backstretch([
  "path/to/first.jpg",
  "path/to/second.jpg",
  "path/to/third.jpg"
]);

// You'll probably attached the prev/next calls to some sort of click event
$("a#next").click(function () {
  // Just call Backstretch again, and pass in the prev/next command
  $.backstretch("next");

  return false;
});

[kamescg]

I can confirm that the "Next" feature is still not working.

I'm attaching the click event to Drupal's View Module that has a slideshow overlayed on top of a large background image area.

[srobbin]

@KamesG Can you please provide a link to the page that's not working?

[kamescg]

Wow! You're quick ;)

Absolutely. The website is www.gregbrockbank.us

I am using the following to handle the next event...

(function($) { $().ready(function() {

// First, create a Backstretch slideshow $('#section-header').backstretch([ 'sites/all/themes/locali/images/bg/mt_tam.jpg', 'sites/all/themes/locali/images/bg/downtown_san_rafael_bw.jpg' ]);

// You'll probably attached the prev/next calls to some sort of click event $("#views_slideshow_controls_text_next_slideshow-block a").click(function () { // Just call Backstretch again, and pass in the prev/next command $.backstretch("next");

return false; });

}); })(jQuery);

[srobbin]

Ah, I see what's happening. You'll need to call Backstretch's next method on the original section:

$('#section-header').backstretch("next");

[kamescg]

Hi @srobbin

I really appreciate your help figuring this out. I added the obvious ('#section-header') to backstretch next, but for some reason it's still not working.

I also added a duration of 99999 to the images, so the image wouldn't rotate every couple of seconds or so.

[srobbin]

It looks like the issue is related to something other than Backstretch itself. Rather, you've got multiple versions of jQuery, and a custom noConflict script. All of which is resulting in an error message saying that the "on" method can't be found for jQuery.

Unfortunately, this is beyond the scope of help that I can offer. Best of luck.

[kamescg]

Totally understandable.

If you are available for hire I would love to have your help , because there are a number of websites I want to incorporate your awesome script into and would certainly pay for your services to help solve this issue.

They are all Drupal 7 installs with the Omega Framework, so would essentially all have the same issue.

[srobbin]

Unfortunately, I'm not available for that kind of help. Though, there seem to be other Drupal developers in these forums; maybe they've worked their way through these issues, and would be willing to help.

Cheers, Scott

[kamescg]

Totally.

Thanks for your help so far and making this awesome plugin. I am starting to use it on a lot of my websites now.