使用jQuery的scrollTo＆amp; onAfterFirst重新开发网站

Question

所以这就是我被困住的地方。我正在尝试从flash / flex monster重新开发我的实习公司网站（www.20nine.com），它现在变成了具有相同功能的jQuery。

http://demos.flesler.com/jquery/scrollTo/

在这些链接的“选项”部分中，单击“onAfterFirst”。这是我需要的确切转换，但有一些调整。

该网站上的代码位如下所示：

    $('#options-onAfterFirst').click(function(){

        reset_o(); $paneOptions.scrollTo( 'li:eq(15)', 1600, { 

            queue:true,

            onAfterFirst:function(){

                $('#options-message').text('Got there horizontally!');

            },

            onAfter:function(){

                $('#options-message').text('Got there vertically!');

            }

        });

我想要做的是创建一个使用3x3 Divs网格的网站，并更改那些“onAfter：function's”以在其落地时加载每个div（或iFrame）内容。目前，该代码还强制内容显示在一个框架中，因为我们需要每个div / iframe显示全屏，而与用户浏览器窗口大小无关。

这是一张图片来说明它：

灰色方块每个都会“页面”，我猜这些必须是iFrame。 紫色线条将是整个网站的主要包装。 蓝线表示我希望浏览器如何识别全屏方面，并通过快速全屏图像，然后进入下一个内容页面。

在scrollTo代码库中，我正在使用的那个被标记为“Diagonal”（这显然是为了拉动两个运动效果所必需的）

在我寻求帮助时，我已经读到删除这行代码将允许全屏实用程序，但我还没有验证这一点（我现在几乎无法运行）

$(window).resize(function () {
    //call the resizePanel function
    resizePanel();
});

根据该人的说法，这应该使窗口上的div全屏调整大小。

我肯定搞砸了我需要注入代码的地方，以及如何正确设置3x3 div / iframe组合混乱（这就像我以前那样奇怪的网站结构）

关于如何设计这个怪物的任何提示？