I have a Elastislide setup on my site with 10-15 thumbnails. The slider works great, everything is right where I want it, but I cannot get a function to work.
Here is what I am trying to do:
spThumbSlider = $('#carousel').show().elastislide({
orientation : 'vertical',
minItems : 5,
onClick : function( $item ) {
spThumbSlider.setCurrent($item.index());
}
});
Whenever I do that, I receive a console error that undefined is not a function. I've tried a few of the other functions, same issue.
I have other images on the page that call a click on the carousel thumbnail when hovered. That part works great. The script finds the image in the thumbnails, sets it to active, and "clicks" it. I just need the slider to slide to the image.
What am I doing wrong?
I have a Elastislide setup on my site with 10-15 thumbnails. The slider works great, everything is right where I want it, but I cannot get a function to work.
Here is what I am trying to do:
Whenever I do that, I receive a console error that undefined is not a function. I've tried a few of the other functions, same issue.
I have other images on the page that call a click on the carousel thumbnail when hovered. That part works great. The script finds the image in the thumbnails, sets it to active, and "clicks" it. I just need the slider to slide to the image.
What am I doing wrong?