我怎样才能抓到窗户?

时间:2011-04-18 19:30:33

标签: jquery jqtouch

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

我的标记为

<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对齐窗口吗?

1 个答案:

答案 0 :(得分:1)

为什么不使用jQTouch Photo Gallery extension?看看demo(尤其是“照片库”和“照片库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选项,请参阅上面的修改后的代码。