Flexslsider方向导航图像和幻灯片标题之间

Question

我＆＃39;有一个幻灯片的布局，显示图像上方的标题。我想在屏幕截图中显示标题和图像之间的方向导航。 无法让它工作（see this fiddle） - 我认为这是因为导航是在幻灯片本身的标记内。有人能告诉我如何完成这种布局吗？

<div id="page">
  <div id="main-slider" class="flexslider">
    <ul class="slides">
      <li>
        <figcaption>
          <h1>Ausstellungsansicht</h1>
          <br />
          <br />
          <br />
        </figcaption>
        <div class="slideshow-controls">
        </div>
        <figure>
          <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_donut.jpg" />
        </figure>
      </li>
      <li>
        <figcaption>
          <h1>Test</h1>
          <p>
            UV-Druck auf Pappwabenplatte, Edelstahl
            <br /> Unikat, Zertifikat
          </p>
        </figcaption>
        <div class="slideshow-controls">

        </div>
        <figure>
          <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_caramel.jpg" />
        </figure>
      </li>
    </ul>
  </div>
</div>

Answer 1

在滑块的就绪事件中，您可以强制使用属性margin-top的标签的css：30或40px;

并使用他们的类名称为下一个和上一个箭头提供顶部。顶部：50像素;