0

reponsiveslides.js を使用して、ブラウザの背景を幅と高さで 100% 埋めるスライドショーを作成しています。

ただし、バックグラウンドで、つまりページ コンテンツの背後で使用したいと考えています。コンテナ div にコンテンツを配置しようとすると、サイドショーの背後に表示されるようです。スライド コンテナ div の外に配置すると、それを上に引き上げるように見えます。

誰かが私にいくつかの指針を与えることができれば、これは簡単な修正だと確信しています。

ここにいくつかのコードがあります:

<div id="container">

<ul class="rslides">
 <li><img src="img/highway.jpg" alt=""></li>
 <li><img src="img/sunset.jpg" alt=""></li>
 <li><img src="img/rocksLeaves.jpg" alt=""></li>
</ul>

<script>
$(function () {

  // Slideshow 1
  $(".rslides").responsiveSlides({
    speed: 2000,
  });

});

<div id="content">
<p>put stuff here</p>
</div>


</div>

これが私のjsfiddleです

4

0 に答える 0