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: first div second div inspect code

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

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -