Lightbox and Navigation arrows
jjesp
Registered Users Posts: 21 Big grins
Hello.
Is there any way to change the time for how long the navigation arrows in the lightbox are shown? Now, when you hover over your image, the navigation arrows are shown for about 3 seconds. But I would like to set it to 1 second. Any CSS tips would be appreciated!
Regards
Jan
http://www.janjespersenphotography.dk
Jan Jespersen Photography
http://www.janjespersenphotography.dk
http://www.janjespersenphotography.dk
0
Comments
The first view of lightbox the overlay shows for 5 sec. After it goes a way each hover after that disappears in 3 sec.
My opinion is the 5 sec. is way too long.
My Website index | My Blog
Yes I agree Allen! Would be nice if we could configure this ourselves...
http://www.janjespersenphotography.dk
I have tried to play with the transition-duration, but can't get it to work. Still 5 and 3 seconds.
/* Lightbox navigation arrows */
.sm-lightbox-nav {
opacity: 0.3;
width: 30%;
-webkit-transition-duration: 1s; /* Safari */
-moz-transition-duration: 1s;
transition-duration: 1s;
}
.sm-user-ui .sm-lightbox-info-expand .sm-fonticon,
.sm-user-ui .sm-lightbox .sm-button.sm-button-skin-default
.sm-fonticon {
color: #000000;
/* Transitions */
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transition-duration: 1s; /* Safari */
-moz-transition-duration: 1s;
transition-duration: 1s;
http://www.janjespersenphotography.dk
I agree, way too long!
Cheers,