Open kkvarghese opened 3 years ago
USING THE FOLLOWING SETTINGS EVERYTHING (BUT EXCEPT TWO THINGS) WORKING
1) PAGER NOT VISIBLE
2) THE SLIDE CONTINUOUSLY MOVES WHILE VIDEO EVEN PLAYING
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden; } .cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; } .cycle-pager span.cycle-pager-active { color: #D69746;} .cycle-pager > * { cursor: pointer;}
`<div class="cycle-slideshow" data-cycle-fx=scrollHorz data-cycle-pause-on-hover="true" data-cycle-timeout=2000 data-cycle-prev=#prev data-cycle-next=#next data-cycle-auto-height="640:360" data-cycle-slides=">a,>img,>iframe" data-cycle-youtube=true data-cycle-youtube-autostart=false data-cycle-youtube-autostop=true
<a href="https://www.youtube.com/embed/tgbNymZ7vqY">1</a> <a href="https://www.youtube.com/embed/tgbNymZ7vqY">2</a>
USING THE FOLLOWING SETTINGS EVERYTHING (BUT EXCEPT TWO THINGS) WORKING
1) PAGER NOT VISIBLE
2) THE SLIDE CONTINUOUSLY MOVES WHILE VIDEO EVEN PLAYING
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden; } .cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; } .cycle-pager span.cycle-pager-active { color: #D69746;} .cycle-pager > * { cursor: pointer;}
`<div class="cycle-slideshow" data-cycle-fx=scrollHorz data-cycle-pause-on-hover="true" data-cycle-timeout=2000 data-cycle-prev=#prev data-cycle-next=#next data-cycle-auto-height="640:360" data-cycle-slides=">a,>img,>iframe" data-cycle-youtube=true data-cycle-youtube-autostart=false data-cycle-youtube-autostop=true