0

我正在尝试建立一个类似http://justinouellette.com/的网站。这里唯一的问题是我对代码感到困惑。我想使用 JQuery 而不是 MooTools。

这里有人可以成为天使并写一个演示吗？我希望能够使用超链接在帧之间切换。框架将是一个类。

谢谢！

4

3 回答 3

1

如果您为and选项设置指定元素（如箭头图像），jQuery 插件 Cycle 可以做到这一点。nextprev

最近提出问题的其他人使用EasySlider 1.7在他们的网站上获得了类似的效果（您可以通过他们问题中的链接看到） 。

至于占据整个窗口，在Firebug中可以看到样例站点绑定了一个函数到window.resize, refigure()，将每一帧的高度和宽度设置为窗口的大小。将其转换为 jQuery 应该是可能的 - 可能是这样的：

$(document).ready(function() {
    $(window).resize(refigure());
});

和

function refigure() {
    $('.frame').height($(window).height);
    $('.frame').width($(window).width);
}

原始代码的refigure方法是设置几个附加元素的尺寸——我认为是为了适应该页面的特定要求，并且可能是执行过渡动画的代码模块。

于 2009-11-15T01:06:08.023 回答
0

据我了解您的问题，您想要的是 Carousel，您可以使用一个名为 JCarousel 的出色 JQuery 插件。演示在这里...

于 2009-11-15T00:39:14.133 回答
0

这是我能找到的最接近您需求的开箱即用 Jquery 插件： Step Carousel Viewer v1.8

详细信息在该页面上，这是您可能感兴趣的内容（每个框架/面板都是一个 css 类）：

示例步骤轮播 HTML： 

<div id="mygallery" class="stepcarousel">
  <div class="belt">

    <div class="panel">
      Panel 1 content here...
    </div>

    <div class="panel">
      Panel 2 content here...
    </div>

    <div class="panel">
      Panel 3 content here...
    </div>

  </div>
</div>

棘手的部分是如何让每个面板占据整个页面，而步进按钮浮动在它们之上。我会说更多的 CSS 问题。祝你好运！

于 2009-11-15T01:18:10.980 回答