2016-04-20 60 views
0

我是bootstrap中的新手,我不知道这是否可行,我有一个父级旋转木马在淡入淡出模式下的背景图像,现在我需要将另一个旋转木马放在父项上以显示和改变其他图像,这些图像可能是一个指标之王,但也有鼠标悬停和鼠标移出功能。旋转木马内的旋转木马

我的问题是与父母的传送带,在拉斯维加斯图像显示后,不是再次出现这个旋转木马desapear,任何人都可以帮助我吗?

问候!

真的非常感谢,这让我一个星期都不知所措。

<section id="estudio" style="background: #fff;">     
 
\t <div class="desktop-version"> 
 
<!--begin bg-carousel--> 
 
\t \t <div id="bg-fade-carousel" class="carousel slide carousel-fade" data-ride="carousel"> 
 
<!-- Wrapper for slides --> 
 
    \t \t <div class="carousel-inner"> 
 
     \t \t <div class="item active"> 
 
      \t \t <div class="slide1"></div> 
 
       </div>  
 
     \t \t <div class="item"> 
 
      \t \t <div class="slide2"></div> 
 
     \t \t </div> 
 
     \t \t <div class="item"> 
 
      \t \t <div class="slide3"></div> 
 
     \t \t </div> 
 
     \t \t <div class="item"> 
 
      \t \t <div class="slide4"></div> 
 
     \t \t </div> 
 
      </div> <!-- .carousel-inner --> 
 
      <div class="container"> 
 
    \t \t <div class="row">  
 
    <div class="container carousel-overlay text-center"> 
 
      \t <div class="col-md-12"> 
 
    \t \t \t \t <div class="font-subtitle">el estudio</div> 
 
      \t \t <span class="txt-estudio-desktop">Contamos con un grupo de diseñadores, ilustradores, programadores e instaladores entrenados para difundir nuestra 
 
filosofía de servicio, calidad, rapidez y efectividad de nuestros proyectos a través de cada una de nuestras exhibiciones.</span> 
 
      \t </div>         
 
\t \t \t \t \t <div class="col-md-5 col-md-offset-7"> 
 
        <div id="carousels" class="carousel slide carousel-fade" data-ride="carousel"> 
 
       \t \t <div class="carousel-inner"> 
 
\t \t \t \t \t \t \t <div data-target="#bg-fade-carousel" data-slide-to="0" class="active"> 
 
\t \t \t \t \t \t \t \t <img class="txt-team" src="images/estudio/soan/soan_corto.png" onmouseover="this.src='images/estudio/soan/soan_completo.png'" onmouseout="this.src='images/estudio/soan/soan_corto.png'"> 
 
\t \t \t \t \t \t \t </div> 
 
        \t \t <div class="item active"> 
 
\t \t \t \t \t \t \t \t <div class="astro"><img src="images/estudio/soan/soan_semic.png"></div> 
 
         \t </div> 
 
\t \t \t \t \t \t \t <div data-target="#bg-fade-carousel" data-slide-to="1"> 
 
\t \t \t \t \t \t \t \t <img class="txt-team" src="images/estudio/morella/morella-corto.png" onmouseover="this.src='images/estudio/morella/morella-completo.png'" onmouseout="this.src='images/estudio/morella/morella-corto.png'"> 
 
\t \t \t \t \t \t \t </div> 
 
        \t \t <div class="item"> 
 
\t \t \t \t \t \t \t \t <div class="astro"><img src="images/estudio/morella/morella-semic.png"></div> 
 
          </div> 
 
\t \t \t \t \t \t \t <div data-target="#bg-fade-carousel" data-slide-to="2"> 
 
\t \t \t \t \t \t \t \t <img class="txt-team" src="images/estudio/kathy/kathy-corto.png" onmouseover="this.src='images/estudio/kathy/kathy-completo.png'" onmouseout="this.src='images/estudio/kathy/kathy-corto.png'"> 
 
\t \t \t \t \t \t \t </div> 
 
        \t \t <div class="item">  
 
\t \t \t \t \t \t \t \t <div class="astro"><img src="images/estudio/kathy/kathy-semic.png"></div> 
 
          </div> 
 
      \t \t \t \t \t <div data-target="#bg-fade-carousel" data-slide-to="3"> 
 
\t \t \t \t \t \t \t \t <img class="txt-team" src="images/estudio/johanny/johanny-corto.png" onmouseover="this.src='images/estudio/johanny/johanny-completo.png'" onmouseout="this.src='images/estudio/johanny/johanny-corto.png'">            \t 
 
\t \t \t \t \t \t \t </div> 
 
        \t \t <div class="item">  
 
\t \t \t \t \t \t \t \t <div class="astro"><img src="images/estudio/johanny/johanny-semic.png"></div> 
 
          </div> 
 
        \t \t </div><!--carousel-inner--> 
 
        \t </div><!--carousels--> 
 
        </div><!--col-md-5--> 
 
        </div><!--container carousel-->        \t 
 
       \t \t </div><!--row--> 
 
      \t \t </div><!--container--> 
 
\t \t </div><!--fin bg-fade-carousel--> 
 
\t </div><!--fin desktop version-->

回答