1

HTML と CSS にレスポンシブスライドを追加しましたが、うまくいきません。コードの間違いを見つけることができないので、非常にイライラしています..

Safari 9.1 では、responsiveslides が機能していない可能性があります。?

これはスクリプトです：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script


<script>
$(function() {
$(".rslides").responsiveSlides();
});
</script>

これはhtmlです：

<div class="bild-links">
    <ul class="rslides">
        <li><img src="mag.jpg" alt="Platzhalter"></li>
        <li><img src="mag-02.jpg" alt="Platzhalter"></li>
        <li><img src="mag-03.jpg" alt="Platzhalter"></li>
    </ul>
</div>

これは私のcssです：

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

あなたが私を助けることができれば、私は本当に本当にうれしいです！ どうもありがとう！

4

1 に答える 1

0

あなたはここでタイプミスをしました...

<script src="responsiveslides.min.js"></script <!-- didn't close tag -->
于 2016-07-11T15:33:55.047 に答える