当前位置：首页 -> 网页设计 -> HTML/CSS -> DHTML幻灯片播放程序（三）

DHTML幻灯片播放程序（三）

时间： 2021-07-31 作者：daque

　　底下，我要发端最为中心的局部了，即是编写javascript步调了。咱们的思绪是，不妨设置一组图片（几何张），当页面出当前先表露第一张图片，并预载入第二张图片，第一张图片载入后5秒钟，即使第二张图片也载入了，咱们就发端机动切换到第二张图片，此时并预载入第三张图片，即使5秒钟内咱们载入了第三张图片，就机动切换到第三张图片，如许播放下来直到结果一张又从新发端。固然，这是机动播放的了。咱们还承诺用户手动举行向前和向后的播放。

　　开始，咱们要处置的题目是图片的预载入，由于这确定了切换进程的流利性和播放进程的完备性。要预载入一幅图片很大略，咱们只有在外存中兴建一个图片的范例变量，并把该变量指向一幅图片，如许，咱们的欣赏器便会机动载入这幅图片的，这即是图片的预载入。用javascript写出来即是底下这个格式：

　　　　　　var myimage = new image() 　　　　　　myimage.src = "someimage.gif"

　　而后，咱们还要领会，图片能否载入了吗？即使载入了，咱们就表露，即使没载入，那么就要堕落了。所以咱们还要改一下上头的代码，在个中介入两条语句，以是，这段javascript就形成底下的格式了：

　　　　　　var img = new image() 　　　　　　img.onload = doreadyimage 　　　　　　img.onerror = doerrordisplay 　　　　　　img.src = "someimage.gif"

　　咱们介入了图片的onload和onerror事变，辨别代办能否预载和预载堕落的事变。这两条句语必定在img.src语句的前方。要不的话，图片预载就会堕落。

　　结果即是咱们的图片切换步调了，在前方，咱们温习了css中filter变换滤镜的百般功效，这边咱们用代号为23的随机功效，底下，是咱们为在ie中这种功效所写的javascript步调：

if (document.images.slideshow.filters) { 　　document.images.slideshow.filters[0].stop() 　　document.images.slideshow.filters[0].apply() 　　// 运用随机的变换功效　　document.images.slideshow.filters.revealtrans.transition=23 }

document.images.slideshow.src = ssource // 发端举行变换功效的实行 if (document.images.slideshow.filters) 　　　　document.images.slideshow.filters[0].play()

DHTML幻灯片播放程序（三）

相关推荐

推荐下载

热门阅览

最新排行