我正在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
对齐窗口吗?
答案 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
选项,请参阅上面的修改后的代码。