【问题标题】:jQuery Slider Thumbnail WidthjQuery 滑块缩略图宽度
【发布时间】:2012-06-14 13:32:02
【问题描述】:

我刚刚从这里向我的网站添加了一个 jQuery 滑块:http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html

我想将缩略图的宽度(样式表中的 menuItem)从 60 像素更改为 240 像素,因此缩略图占据了整个容器的宽度(960 像素)。我认为这是通过编辑 CSS 进行的简单修复,但当然不是。

最好的方法是什么?我以前从未使用过 javascript 或 jQuery,但我假设可以在 script.js 表中进行编辑。有任何想法吗?提前谢谢!

【问题讨论】:

    标签: jquery slider width thumbnails


    【解决方案1】:

    我注意到有一个 div#menu 包含所有缩略图,因此,如果您不更改 div#menu 的高度,则其子级的高度为 li(您要更改其大小的缩略图容器)不会改变。因此,尝试先更改 div#menu 的大小而不是其子级。

    【讨论】:

      【解决方案2】:

      需要第一个 li 吗?

      <li class="fbar inact">&nbsp;</li>
      

      如果没有,你可以删除它并尝试这个

      如果您只使用这 4 个项目,您可以这样做:

      li {
          width: 25%;
      }
      

      或者使用 jQuery 更动态的东西:

      $(".menuItem").width((100 / $(".menuItem").length) + "%");
      

      此外,您需要编辑活动图像,因为它是 60 像素。

      【讨论】:

        猜你喜欢
        • 2014-04-27
        • 1970-01-01
        • 2014-05-05
        • 2013-01-18
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-09-13
        • 2010-11-07
        相关资源
        最近更新 更多