基础轨道滑块问题

时间:2015-01-06 17:24:26

标签: slider fancybox zurb-foundation lightbox orbit

我的网站在灯箱(“Fancybox”)中使用“Orbit slider”时遇到了一些问题。它在开始时工作得非常好,但是如果你点击下一张幻灯片,它会突然消失并且不会显示边框,它只会显示你在浏览器中进行缩放或者是否在浏览器的检查器面板上显示

¿有什么帮助吗?

这是我的github:

https://github.com/iontorres/Fortuna-Web-Site.git

我的代码:

<article id="evento1" href="#proyecto1" class="branding_proyecto fancybox">     
        <img src="img/1910-color.jpg" alt="Hola, Aqui hay un proyecto de branding, en caso que no lo veas">
        <div class="branding_info_proyecto">
            <h1>BAR 1910</h1>
            <p>Branding / Web / Espacio </p>
        </div>
 </article>

<!-- ========  HERE GOES THE LIGHTBOX DE TAB BRANDING ============ -->
<div class="hide">
  <div id="proyecto1" class="info gallery">

    <a style="position:absolute; bottom:0px; left:400px; color:#fff; z-index:999; width:25px; height:25px; background:rgba(0,0,0,0.5); padding: 0px 10px 10px 7px; font-size:18px; display:none;" id="btn" href="#" > + </a>

    <div class="proyect_inner_info">
      <a style="color:#fff; position:absolute; right:10px; font-size:24px;" id="btnx" href="#"> -     </a>

  <h1>NGS Nutrición y Genética Saludable</h1>
  <h2>Branding</h2>
  <p> lorem ipsum lorem ipsum lorem ipsum lorem ipsumlorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsumlorem ipsum lorem ipsum</p>
</div>

    <ul class="example-orbit" data-orbit>
      <li class="active">
        <img src="img/ngs-slider1.jpg" alt="slide 1" />
      </li>
      <li >
        <img src="img/ngs-slider2.jpg" alt="slide 2" />
      </li>
      <li>
        <img src="img/ngs-slider3.jpg" alt="slide 3" />
      </li>
      <li>
        <img src="img/ngs-slider4.jpg" alt="slide 4" />
      </li>
      <li>
        <img src="img/ngs-slider5.jpg" alt="slide 5" />
      </li>
      <li>
        <img src="img/ngs-slider6.jpg" alt="slide 6" />
      </li>
    </ul>

  </div>
</div>

0 个答案:

没有答案