|
移动图片制作探讨
在我们的图书馆中制作移动图片，往往很难达到预期的效果。比如，想在一个移动屏幕中显示多张大图片，往往会出现各种不理想的效果。有时候，图片会分成两行；有时候，显示出一两张图片就跳转回去了；有时候，页面的下方又会出现横向滚动条。我以6张大图片为例，经过了多次的反复试验，总结出了一些规律，特公示于下，与朋友们共享：
用一个移动标签控制若干张大图片，怎样才能够让图片全部显示出来呢？经过反复试验，总结出下列几种类型：
类型一：
表格中设置移动标签，移动屏幕的宽度设置为：style="WIDTH: 100%"，6个图片都能显示出来。
类型二：
直接用移动标签控制图片，移动屏幕的宽度设置为：style="width: 700px;"，移动标签中添加“来回走”的属性：behavior="alternate"，6个图片都能显示出来。
类型三：
直接用移动标签控制图片，移动屏幕的宽度设置为：style="width: 700px;"，移动标签中没有“来回走”的属性：behavior="alternate"，只能显示两张图片。
类型四：
直接用移动标签控制图片，移动屏幕的宽度设置为：style="WIDTH: 100%"，不添加“来回走”的属性：behavior="alternate"，6个图片都能显示出来。
类型五：
直接用移动标签控制若干张图片（这篇网页中，我增加到14张大图片。），移动屏幕的宽度缺省（就是不设置），图片都能显示出来。
此效果是用“360安全浏览器6.3”观察到的效果。用其它浏览器观察，效果如何？大家可试试看。我只用EI浏览器作过测试，显示效果是不相同的。
由此可见，网页的显示效果，不只与我们图书馆的服务器有关，而且与浏览器也有很大的关系。让我们共同探讨吧，摸索出其中的规律，制作出我们喜欢的漂亮网页。
| 
