Comments (5)
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;
}
from swipeshow.
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.
from swipeshow.
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.
from swipeshow.
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).
from swipeshow.
Understandable :)
from swipeshow.
Related Issues (20)
- Compatibility HOT 5
- Youtube videos disappearing or gets cut on mouse hover HOT 3
- Best way to dynamically add li items to the slideshow?
- Testing for transitions returns true in IE7 and IE8 HOT 2
- onactivate to get attribute of current active slider?
- Stop slideshow after hover HOT 1
- width: 100% HOT 1
- Problem with swipe on Samsung s4 cell/mobile in Chrome HOT 4
- Swipeshow doesn't work on Nexus 4 HOT 2
- doesn't allow vertical scrolling of long content HOT 3
- Height 100% HOT 1
- Touch swipe not functioning in iOS (iPhone, iPad) - with fix
- "counter" that shows current image-index and total index HOT 2
- Android native browser issues; unpredictable behavior HOT 1
- Support for vertical sliders HOT 1
- swipeshow().next() swipes 2 slides at once
- How to get current slide index ?
- Reverse interaction direction
- Videos and audio not working on swipeshow
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from swipeshow.