Hi,

Got the Slider2 to work exactly how I want it to.
The issue I have now is that I have a vertical website that had scrollTo working in vertical format.
When loading Slider2 on the front page (which works great in Slider2, by the way)- I now have the issue of my main navigation links not working.

Basically I have a bunch of pages in a vertical format.
One of those pages is a section of horizontal sliders.
The Horizontal sliding links work great.
Now my vertical links are broken.

I think it has to do with the local-scroll options under "scrollOptions"
how can I declare separate options for my main navigation?

If anyone can point me in the direction to modify slider.js so that it can operate a second set of sliding links- that would be awesome.

Thanks for the great plugin.

Comments

Anonymous’s picture

Hi,

I found out how to fix it. Posting for anyone else wondering.
I created an init.js file that is loaded using the template.info scripts calling feature.
This is the last script loaded by the template on all pages.

I copied the part of the slider.js file and pasted it like so, into the init.js file:


jQuery(function( $ ){
	 
	  var scrollOptionsNav = {
	
		navigation: '#navigation-wrapper a',
		hash: true;
		queue: true;
		axis: 'y',
		duration: 1000,
		easing: 'swing'
		
	  };
	  
$('#wrapper').serialScroll(scrollOptionsNav);
$('#wrapper').localScroll(scrollOptionsNav);	 
	 
});

I removed the 'target' and the 'items' options from the scrollOptionsNav variable/array. This allows the body to take over any anchor tags/links under the #navigation-wrapper div that I have declared.

It seems to work. Granted this probably isn't the best way to do it, but for me it works!

Good luck to anyone else.

Anonymous’s picture

one last update, i made an error at the "hash" and "queue" options.

change this:

hash: true;
queue: true;

so that it looks like this:

hash: true,
queue: true,

it has to be a , and not a ; so that it doesn't abnormally terminate.