2016-04-20 275 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-->

回答