I'm trying to make a slideshow that looks something like this Slideshow example

I'm using views slideshow but I could change it up if need be. Preferably views though.

My problem is the navigation to the right. I have created a content type for this slideshow and fields for the image, the green title and the black subtitle. The slideshow should run by itself and highlight the proper menu item in the sidebar, but also allow for the user to change slide by clicking a menu item.

Any ideas on if and how this could be done?

  • I imported the image into the question, but please consider setting a better title on the question yourself.
    – Letharion
    Aug 14 '13 at 11:54
  • Didn't know how to include it. Changed the title to make it clearer.
    – Johan Dahl
    Aug 14 '13 at 11:55
  • I don't think you have enough reputation to be allowed to inline images yet, but on the other hand I couldn't find a reference on that in the privileges list. So I included it for you, I do expect people to write useful titles though, so that I won't fix for others ;)
    – Letharion
    Aug 14 '13 at 12:05
  • Yes you are right I should have written a better title. Anyway, there I fixed it! :)
    – Johan Dahl
    Aug 14 '13 at 12:06

In most Views slideshows I've seen, the navigation is just part of the normal slideshow, but themed to not overlap, unlike the images.

Configure the View to select whatever information you need in the navigation, end then make your theme place the navigation to the right.

I would be surprised if VS does not already have functionality for connecting clicks on some elements with sliding to a certain image, but I don't know the ins and outs of the module enough to give more specific recommendations.

  • Ok, thanks for the input. My main problem seems to be that I can't get the pagers to be anything else than the standard dots. I do pick pager > pager type : fields > title: But I still get the dots :(
    – Johan Dahl
    Aug 14 '13 at 14:06

In the settings for the slideshow, under Format > Slideshow | Settings you need to add a pager widget (top or bottom is up to you). When you check the Pager checkbox, more options open up. The Pager Type is Fields by default and under that are a list of fields that have been added to the view already. You can select one or more of those fields and the fields you choose will become your pager.

Screenshot: https://docs.google.com/file/d/0B0gUI3V589rmcEJJOExCRjFpR1k/edit?usp=sharing


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.