Custom controls for cycle slideshow

Subscribe

Hi!

The jQuery Cycle Plugin it uses is capable of doing what you would like.

Check here the examples: http://jquery.malsup.com/cycle/more.html?v2.23
Especially this: http://jquery.malsup.com/cycle/pager11.html

The solution might be to make additional slideshow pagers/controls, following the guidelines here: http://drupal.org/node/903244
Probably you would also need to make template for your view.

I'm also struggling with this, so hopefully after some time I can share a "solution".

Cheers

Moving to dev so it'll show up on my list.

This is a pager. Here is how I would handle it without making a custom pager.

Follow the instructions here: http://drupal.org/node/1181966

Then in your css add something like this. In your code It may be something different than cycle for the id.

#widget_pager_bottom_slideshow-cycle {
  margin-top: -40px;
}

#widget_pager_bottom_slideshow-cycle .views-slideshow-pager-field-item {
  float: left;
  text-indent: -10000px;
  background-image: url(image-you-want.jpg);
}

#widget_pager_bottom_slideshow-cycle .views-content-counter:hover {
  background-image: url(image-you-want-for-hover.jpg);
}

Is there an easy way to make the numeric pager clickable, so that if you are on slide 1 you can easily go to slide 3? Like this site: http://www.rnp.org

Same question here : how can we make the pager clickable?

@tahiticlic: Do you mean like this http://jquery.malsup.com/cycle/pager-over.html

Without the squares around numbers, but yes this is the idea.

I've managed to do it with advanced options (allowPagerClickBubble and pager), but the pager is displayed even if there's only 1 slide.
On the other hand, when using pager just checking the appropriate checkbox (using a Global counter field), there's a pager displayed when it must be displayed, but it is not clickable...
What would be great is a mix of this two.

Found a solution at https://www.youtube.com/watch?v=H23E-Z4zL-o

were it uses slideshow with views and in views, this way:
- add the field "Global: View result counter"
- uncheck - create label
- check create label
- in format slideshow settings, in the pager:
- check - the "Global: View result counter" field

And if you want to mouse over as a link in the numbers displayed, you can:
in the field "Global: View result counter":
- rewrite results
- output this field as a link
- linkpath: #pager (or #something_you_want)