0

我有 SlidesJS 工作，但出于某种原因，它认为框架比它们大。因此，如果我将 4 段作为幻灯片放入，则幻灯片仍会占据大部分页面。

我尝试在底部的脚本中输入较小的宽度和高度值，但似乎没有什么不同。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>SlidesJS Standard Code Example</title>
  <meta name="description" content="SlidesJS is a simple slideshow plugin for jQuery. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.">
  <meta name="author" content="Nathan Searles">

  <!-- SlidesJS Required (if responsive): Sets the page width to the device width. -->
  <meta name="viewport" content="width=device-width">
  <!-- End SlidesJS Required -->

  <!-- CSS for slidesjs.com example -->
  <link rel="stylesheet" href="css/example.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">

</head>
<body>

  <!-- SlidesJS Required: Start Slides -->
  <!-- The container is used to define the width of the slideshow -->
  <div class="container">
    <div id="slides">
      <p>Hello</p>
      <p>Hello1</p>
      <p>Hello2</p>
      <p>Hello3</p>

      <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
      <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
    </div>
  </div>
  <!-- End SlidesJS Required: Start Slides -->

  <!-- SlidesJS Required: Link to jQuery -->
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <!-- End SlidesJS Required -->

  <!-- SlidesJS Required: Link to jquery.slides.js -->
  <script src="js/jquery.slides.min.js"></script>
  <!-- End SlidesJS Required -->

  <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready -->
  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 94,
        height: 52
      });
    });
  </script>
  <!-- End SlidesJS Required -->
</body>
</html>
4

2 回答 2

1

更新：我发现是 example.css 中的响应式 CSS 覆盖了我的高度和宽度。

 /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }

我改变了这个宽度，它终于听到了。

我有同样的问题。不能说我真的找到了正确的解决方案，但我发现一个谷歌小组正在谈论这个问题。https://groups.google.com/forum/#!topic/slidesjs/mvbfqq0Fig4 我基本上尝试按照说明在其周围放置一个 div 并为该 div 设置高度和宽度。

于 2013-07-09T05:26:05.300 回答
0

example.css 中的 CSS 可能会覆盖您在脚本中设置的宽度和高度。尝试在 CSS 中调整宽度和高度。

于 2013-04-11T20:07:41.037 回答