我怎样才能让我的捕捉到窗口？

Question

我正在使用 jQtouch 和这个 JQTouch 扩展 http://code.google.com/p/jqextensions/ 。

我有我的标记，因为

<div id="uiPage">
    <div class="toolbar">
        <h1>UI/UX Design</h1>
        <a class="button back" href="#home">Back</a>
    </div>        
    <div class="horizontal-slide">
        <table>
            <tr>
                <td>
                    <div class="slide-container current">
                        <img src="gallery/one.jpg" />
                    </div>
                </td>
                <td>
                    <div class="slide-container">
                        <img src="gallery/two.jpg" />
                    </div>
                </td>
                <td>
                    <div class="slide-container">
                        <img src="gallery/three.jpg" />
                    </div>
                </td>
                <td>
                    <div class="slide-container">
                        <img src="gallery/four.jpg" />
                    </div>
                </td>
                <td>
                    <div class="slide-container">
                        <img src="gallery/five.jpg" />
                    </div>
                </td>
                <td>
                    <div class="slide-container">
                        <img src="gallery/six.jpg" />
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>

我希望 td 能够捕捉到窗口，就像 iPhone 主屏幕中的 UI 一样。

谁能帮我弄清楚如何使 td 捕捉到窗口？

Answer 1

为什么不使用 jQTouch 照片库扩展程序？看看演示（特别是“照片库”和“照片库 2”） ）。

基本设置如下所示：

jQT.generateGallery("pageID",
    [
    {src:"http://www.site.com/somepic.jpg"},
    {src:"pic1.jpg",caption:"Test Image 1"}
    ],
    {
       hideToolbars: function() { }
    }
);

编辑：

要显示工具栏，也可以这样做。这是一个演示： http://jsbin.com/aqito4/7

只需禁用 hideToolbars 选项，请参阅上面修改后的代码。