jquery - Cycle2 showing previous div's background -
i have problem cycle2. have 3 divs:
- first div has background image
- second div has youtube embedded video
- third div has nothing text
no matter slide active, see first div's background.
so, problably wan't see code:
<div id="slideshow"> <div class="cycle-slideshow" data-cycle-fx="scrollhorz" data-cycle-timeout="0" data-cycle-next="#next" data-cycle-prev="#prev" data-cycle-pager=".pager" data-cycle-slides="> div" data-cycle-youtube="true" data-cycle-youtube-autostart="false" data-cycle-auto-height="false"> <div class="">all content goes in divs here</div> </div> </div>
a few screenshots:
my little investigation told me sentinel div cycle2 creates, quick fix adding data-cycle-auto-height="false" apparently didn't in case.
any advice?
for reason sentinel slide mess opacity. added following style , seemed help.
i added following style:
.cycle-sentinel { opacity: 0 !important; }
i alseo set embedded youtube's url include &wmode=transparent
Comments
Post a Comment