On click go to next slide

[christophknoth]

I would like to add a very simple feature that a lot of galleries have: that when I click on an image that it goes to the next slide.
When I set the $next to the whole slideshow I can click on it to get to the next slide. But unfortunately click gets also called when I swipe or drag which results in in a double next. Is there any trick that I could prevent this behavior?

[rstacruz]

You can create a big button that covers the entire slideshow. This way, you can also create hover behavior, which I suggest for something you're trying.

<div class="my-gallery swipeshow">
  <ul class="slides">
    <li class="slide"> ... </il>
    <li class="slide"> ... </li>
    <li class="slide"> ... </li>
  </ul>

  <!-- optional controls: -->
  <button class="next"></button>
  <button class="previous"></button>
</div>

.my-gallery .next {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 1;
}

[rstacruz]

I would like to add a very simple feature that a lot of galleries have: that when I click on an image that it goes to the next slide.

What other slideshow galleries have you tried? Would love to get some inspiration on others's implementations.

[christophknoth]

@rstacruz

I normally use jquery cycle and since a short time cycle2. Those do not add the click automagically on the container. You have to put it yourself. But it is really not about the a certain library but more about a behavior of slideshows that people expect nowadays because big sites like facebook are using this functionality. They also have next/prev buttons but it is easier for people to just click on the image then finding and hitting those buttons.

The idea with the button covering the slideshow is neat but this would stop people from being able to download the image.

[rstacruz]

Good point! I never noticed that Facebook's photo viewer works this way.

I now see what you're getting at and I'd love to see this implemented too. At the moment, though, I don't have a project I'm actively developing Swipeshow with (therefore, no motivation to implement new features).

[christophknoth]

Understandable :)