详解“字幕特效不间断滚动图片”

　　上面图示，是实效、分解图和实效原理演示。从分解图可以看到各对象之间的位置和时间关系。
　　设置跳转时的停顿，是为感受一下字幕显示窗中的效果。眼睛是不是受骗了？
　　１、容器从左向右移过字幕显示窗，完成一次显示过程。窗框内的内容可见，窗框外的不可见。
　　２、图片（拟视内容）放置在容器内，它与容器的位置关系下面再讲。
　　３、示例中，各对象的宽度尺寸（因示例为水平移动，高度方向的尺寸无须讨论）。
　　　　字幕显示窗：150；　　容器：250；　　单张图片：100；设置显示 4 张。
　　４、字幕显示窗只控制容器的位置、时间，对图片不产生直接影响。
　　５、图片与容器同步移动，它在容器中的位置不影响字幕窗对容器的控制；图片部分如果到达字幕窗框内则可见，否则不可见。
　　６、示例设置显示４张图片，那么总长为400。
　　７、在起始位置，要让图片显示，所以图片整体向右移出150，完全填满显示窗。
　　８、图片总长400，扣除右移的150，余250，即为容器宽度。
　　９、在终点位置，容器移出显示窗，完成一次过程；4张图片也移出显示窗。为了让显示窗中仍有显示内容，并且为了让整体显示效果是连续的、不间断的，将第一张图片接在第4张图片后面；此例，因图片宽度小于显示窗宽度，所以需再接上第二张。这样一次显示的过程全部完成。在极短的时间内，整个状态返回到初始状态，开始下一次过程。因为返回的时间极短，人眼的视觉暂留特性让我们受骗，分不清是初始的第一张图片还是终点的第一张图片，这样，感觉上就成为不间断滚动了。
　　10、怎样确定图片与容器的相对位置呢。从图示可以看出，需要显示的最后一张图片的左端要对齐容器的左端，但在最后一张图片后面增加了两张图片，增加了200的长度，所以，6张图片相对于容器的整体定位要向左移200。
　　11、字幕显示窗、图片所在表格、容器这三个对象，如果为它们设置边框，边框的宽度需参予计算，否则要影响移动精度，产生跳动。所以，最好不设置。如果需要装饰，可另加对象辅助。
　　12、下面出示与实效对应的基本代码，谨作参考。图片链接为本地。