On click go to next slide about swipeshow

[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 :)