Search…

X3 Photo Gallery Support Forums

Search…
 
MikeR
Experienced
Topic Author
Posts: 216
Joined: 29 Sep 2006, 09:58

Slideshow controls on mobile

05 Feb 2016, 08:45

Hello,

I use a slideshow as a start page (with autoplay).

On desktop the control buttons (toggle play/pause...) are hidden until I move the mouse
On mobile it's not hidden, I would like to know if it's possible to hide controls at first and only show if I touch the screen ? (CSS ?)

Thanks
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Slideshow controls on mobile

05 Feb 2016, 09:41

MikeR wrote:On mobile it's not hidden, I would like to know if it's possible to hide controls at first and only show if I touch the screen ? (CSS ?)
The controls already toggle between visible/hidden when you touch the screen. The controls also autohide after a few seconds on touch devices. However, as you have noticed, the controls always display as visible on initial load, as to make sure the visitor knows the controls are available.

I looked into your request, but unfortunately I can't see any way to initially hide the controls without hiding them completely. There is a "show-controls" class applied on initial load, and if you overwrite that class to not show the controls, then they would never display.

This would need to be a feature request.
 
MikeR
Experienced
Topic Author
Posts: 216
Joined: 29 Sep 2006, 09:58

Re: Slideshow controls on mobile

05 Feb 2016, 09:44

Ok is it easy to hide it (the control buttons) only for mobile with css ?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Slideshow controls on mobile

05 Feb 2016, 10:23

MikeR wrote:Ok is it easy to hide it (the control buttons) only for mobile with css ?
Yes.
Code
.touch .fotorama__arr, .touch .fotorama__toggleplay {
  display: none !important;
}