使用JQuery在框架之间滑动？

我正在尝试构建类似http://justinouellette.com/的网站。这里唯一的问题是我与代码混淆。我想用JQuery代替MooTools。使用JQuery在框架之间滑动？

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

谢谢！

来源

2009-11-15 Alec A.

据我了解你的问题，你想要的是一个旋转木马，有一个很好的Jar插件叫JCarousel，你可以使用。 Demo Here...

来源

2009-11-15 00:39:14

这不是我正在寻找的。你有没有看过我作为一个真正的闭源演示提供的站点？ – 2009-11-15 01:01:10

使用JCarousel，你可以做到这一点。显然，你需要自己做一些工作。 – 2009-11-15 01:33:32

如果您为next和prev选项设置指定了元素（如箭头图像），则jQuery plugin Cycle可以执行此操作。

最近问了一个问题的其他人在他们的网站（您可以通过关注the link in their question）与EasySlider 1.7达到类似的效果。

至于占据整个窗口，可以看到in Firebug样品站点已结合的功能window.resize，refigure()，其设置每个帧的高度和宽度与窗口的大小。翻译，要jQuery的应该是可能的 - 也许是这样的：

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

和

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

原代码的refigure方法是设置的几个附加元素的尺寸 - 我想，以适应特殊要求该页面和可能的代码模块执行过渡动画。

来源

2009-11-15 01:06:08

这是这笔交易，我希望它是这样的。我会有各种各样的类，无论是'frame1'，'frame2'和'frame3'。 'frame2'和'frame3'将被隐藏。点击一个链接（例如“下一个”）后，它会滑向“第2帧”。就像http://justinouellette.com。对不起，我发现你发布的链接，并不理解如何让它滑动整个页面。 – 2009-11-15 01:16:05

没有冒犯，但我认为滑动整个页面的业务是一个CSS问题，如o.k.w.提示。如果我有时间，我会通过仔细查看ouellette的网站来确定是否可以证实这种怀疑。 – 2009-11-15 01:32:13

@Jeff：+1的努力:) – 2009-11-15 04:26:17

这是最近出的现成的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-15 01:18:10

使用JQuery在框架之间滑动？

回答

相关问题