1

我刚刚在我的 html 和 css 中添加了响应式幻灯片，但它不起作用。我在我的代码中找不到错误，所以我很沮丧..

可能是，响应式幻灯片不适用于 Safari 9.1。?

所以这是脚本：

<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 回答