Add simple nextUrl and prevUrl config options to the slideshow plugin.

Jonathan Mitchell · Jonathan Mitchell · commit 5509501834dc · 2011-01-31T23:05:47.000Z
When the end of the slideshow is reached the next/prev buttons redirect to the nextUrl, prevUrl rather than becoming disabled.

If nextUrl and/or prevUrl are not defined then the appropriate button is disabled.

In order for this to work the disabled class display property must be changed to

.disabled.noUrl {
  visibility:hidden !important;
}

The slidehow configuration is:

slideshow({ prevUrl:'/our-prev-url' , nextUrl:'/our-next-url' , noUrlClass:'noUrl' });
diff --git a/src/tabs/tabs.slideshow.js b/src/tabs/tabs.slideshow.js
@@ -19,11 +19,14 @@
 			next: '.forward',
 			prev: '.backward',
 			disabledClass: 'disabled',
+			noUrlClass: 'noUrl',
 			autoplay: false,
 			autopause: true,
 			interval: 3000, 
 			clickable: true,
-			api: false
+			api: false,
+			nextUrl: null,
+			prevUrl: null
 		}
 	};  
 	
@@ -43,11 +46,19 @@
 		}	
 		
 		var nextButton = find(conf.next).click(function() {
+			if ($(this).hasClass(conf.disabledClass) && conf.nextUrl != null) {
+				window.location = conf.nextUrl;
+				return;
+			} 
 			tabs.next();		
 		});
 		
 		var prevButton = find(conf.prev).click(function() {
-			tabs.prev();		
+			if ($(this).hasClass(conf.disabledClass) && conf.prevUrl != null) {
+				window.location = conf.prevUrl;
+				return;
+			} 
+			tabs.prev();
 		}); 
 
 
@@ -171,6 +182,9 @@
 			$(this).data("slideshow", el); 			
 		});	
 		
+		if (conf.prevUrl == null) $(conf.prev).addClass(conf.noUrlClass);
+		if (conf.nextUrl == null) $(conf.next).addClass(conf.noUrlClass);
+		
 		return conf.api ? el : this;
 	};
 	
