Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

marsha grasett
marsha grasett
9,995 Points
Posted by marsha grasett
marsha grasett
9,995 Points

Link to second slide in wmslider

(1) Have a single page with portfolio thumbnails.

(2) Another page with the wmslider with 9 large porftolio images (with {slideshow: false, slideToStart:0} )

The link from the first thumbnail on page (1) links perfectly to the first image of the slider on page (2)

Is there a way to link from the second thumbnail on page (1) to the second image of the slider on page (2)

I can't figure this out:(

12 Answers

marsha grasett
marsha grasett
9,995 Points
marsha grasett
marsha grasett
9,995 Points

This might help -

http://flexslider.woothemes.com/thumbnail-controlnav.html

This example has the slider with thumbnail on one page.

I want the thumbnails on one page and when clicked go to the slider on another page.

Does this make sense?

marsha grasett
marsha grasett
9,995 Points
marsha grasett
marsha grasett
9,995 Points

Perhaps this is clearer:

The 1st thumbnail (of 9) on Home page takes you to the Portfolio page with the slider. (with previous and next btns and pagination. Works great.) By defualt the slider starts with 0 which is the larger version image of 1st thumbnail.

When I click on 2nd thumbnail on Home I would like it to take me to the Portfolio page with the slider starting at the 2nd image.

On the 2nd thumbnail I though it might be adding a # - <a href="myportfoliowithslider.html#2ndimage">

But it would have to do have something added to the js like a load _blank or .... ?

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

Hi Marsha,

You could link to the second page with a #someSlideNumber1 at the end of each link from the thumbnail.

In your options you have:

slideToStart: 0

You could swap it out with a variable called slideNumber. So before you set the options you could try and figure out the window.location.hash and set the slideNumber to the correct slide number.

Regards Andrew

marsha grasett
marsha grasett
9,995 Points
marsha grasett
marsha grasett
9,995 Points

Thanks Andrew! will try to figure out the window.location.hash That's my Friday night's project ;)

marsha grasett
marsha grasett
9,995 Points
marsha grasett
marsha grasett
9,995 Points

Moved on to Anything Slider. It jumps.

But it's butt ugly.

Now to figure out how to change it. More jquery ... arghhhhh

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

Finding the "just-the-right" plugin can be a pain! Best of luck!

marsha grasett
marsha grasett
9,995 Points
marsha grasett
marsha grasett
9,995 Points

I will be the Queen of Sliders!