search

artpolikarpov / fotorama

A simple, stunning, powerful jQuery gallery.
http://fotorama.io
Other
1.58k stars 380 forks source link

Navigation arrows when video is loaded? #579

Open morph3us-net opened 1 year ago

morph3us-net commented 1 year ago

Is there any way I could also show the navigation arrows when a youtube or vimeo video is loaded and playing? "data-arrows" set to "always" doesnt work, unfortunately.

morph3us-net commented 1 year ago

I have a hacky solution: I added these lines to my css file: .fotorama__wrap > .fotorama__stage > .fotorama__arr{ transform: none !important; opacity: 1 !important; }

Then had to comment out these rules, couldnt find a more specific selector for step one to override the !important rules. .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{---webkit-transform:translate3d(-48px,0,0)!important;--transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{---webkit-transform:translate3d(48px,0,0)!important;--transform:translate3d(48px,0,0)!important}

The I set the fotorma's instance's data-loop value to true.

I especially dislike the manual commenting out of the position attributes in the CSS, but thats what I cam up with. Should I close this or is there someone who can show me a more elegant way??