图片动态切换试验（非Flash动画） 续

夕阳黄昏

许森匡. 发表于 2020-11-16 15:36
谢谢代码分享！下午好！

许森匡.

再询问一下：如果不用这个边框，那末这个图片动态切换如何实现呢？

夕阳黄昏

许森匡. 发表于 2020-11-16 15:40 再询问一下：如果不用这个边框，那末这个图片动态切换如何实现呢？

这边框一定是要的，因为它是作为操作的一个参考对象，但可以让它不显现出来，见下示例。

1. <style type="text/css">
3. @import "http://cesholl.cn3v.net/style/dynPictureChg.css"
5. </style>
7. <script type="text/javascript" >
8. !window.addClass && document.write('<script type="text/javascript" src="http://cesholl.cn3v.net/scripts/class_oper.js" charset="utf-8"><\/script>');
9. !window.dynPicInit && document.write('<script type="text/javascript" src="http://cesholl.cn3v.net/scripts/dynPictureChg.js" charset="utf-8"><\/script>');
10. </script>
12. <div id="图片框" style="width:760px;height:475px;position:relative;background:skyblue;">
13. </div>
14. <script type="text/javascript">
15. var picArr = [
16. "http://www.keai99.com/data/attachment/forum/202011/11/170228ju2xiiz0m1yi6ue2.jpg",
17. "http://www.keai99.com/data/attachment/forum/202011/11/170221lgt5ry5uvb5l5r4k.jpg",
18. "http://www.keai99.com/data/attachment/forum/202011/11/170222w0wd2djwz7o7q8kg.jpg",
19. "http://www.keai99.com/data/attachment/forum/202011/11/170223vwm40piizwktpymc.jpg",
20. "http://www.keai99.com/data/attachment/forum/202011/11/170219seea1vlxxeielxze.jpg",
21. "http://www.keai99.com/data/attachment/forum/202011/11/170220x72a760mw2asn3af.jpg",
22. "http://www.keai99.com/data/attachment/forum/202011/11/170224zy2t30tl3gsocp2t.jpg",
23. "http://www.keai99.com/data/attachment/forum/202011/11/170228ju2xiiz0m1yi6ue2.jpg",
24. "http://www.keai99.com/data/attachment/forum/202011/11/170231l7nqq0eponye8o7b.jpg",
25. "http://www.keai99.com/data/attachment/forum/202011/11/170225kyribn1gc14fqclo.jpg",
26. "http://www.keai99.com/data/attachment/forum/202011/11/170229vzuobyzxqsst0xbw.jpg",
27. "http://www.keai99.com/data/attachment/forum/202011/11/170232q6yt2dkt1dwdt6x4.jpg",
28. "http://www.keai99.com/data/attachment/forum/202011/11/170226k673lnaa88a88nn5.jpg"];
29. var opts = {
30. picFrameID:'图片框',
31. picturesData:picArr,
32. chgType:8
33. };
35. dynPicInit(opts);
36. </script>

复制代码

许森匡.

夕阳黄昏 发表于 2020-11-16 15:45
本帖最后由 夕阳黄昏 于 2020-11-16 15:55 编辑

知道了，谢谢、谢谢！

廖若晨星

欣赏夕阳黄昏老师图片动态切换试验（非Flash动画） 续

夕阳黄昏

廖若晨星 发表于 2020-11-16 17:13
欣赏夕阳黄昏老师图片动态切换试验（非Flash动画） 续

沉醉醉

夕阳黄昏老师好，欣赏学习精彩制作，点赞。  

夕阳黄昏

沉醉醉 发表于 2020-11-16 19:52
夕阳黄昏老师好，欣赏学习精彩制作，点赞。

真真

分享美好，谢谢老师！

夕阳黄昏

真真 发表于 2020-11-16 20:31
分享美好，谢谢老师！