Examle 3 - Navigation with URL


Go to a page, where is a slider, and make that slider go to a specific slide depending on the link.


Open your slider, and put this code into the HTML widget of the slider with your slider’s id in the place of 100063:

	function getUrlVars() {
		var vars = {};
		var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
			vars[key] = value;
		return vars;
	var go_to_slide_number = getUrlVars()["slide"];
	if (typeof go_to_slide_number !== 'undefined') {
		var slider = njQuery('#nextend-smart-slider-100063');
		slider.smartslider('onInit', function(){
			slider.smartslider('goto', parseInt(go_to_slide_number));
After this you can make the slider to go to a specific slide, if you put a ?slide=1, or other number into the end of your link. This code will get out this number value, and when your page loads, the slider will switch to that slide. For example if your slider is here:
, then with this link, you can make it go to the 2nd slide: