图片轮显的一种简单的实现方式

9月 13, 2014 |

最近在学习DIV+CSS 布局,根据aa25.cn上的《十天学会DIV+CSS(WEB标准)》教程学习,里面有一个图片轮显的示例,代码如下:

它的原理也很简单,通过参数将要显示地图片传给indexpic.swf ,其实是调用flash player播放这个swf来实现图片轮显的。

虽然达到了效果,但是我感觉它的代码很冗余,<object>里面嵌套<embed>,一番谷歌后发现它之所以这么写,是为了浏览器兼容,可能aa25.cn的这个教程写的比较久远,那时浏览器的兼容更不好,现在情况大好,IE也不再是一只独大,现在所有的浏览器都会考虑服从W3C标准,其实只用一个<object> 标签就可以完成这个效果,代码如下:

运行结果:

在Firefox, chrome, IE10下测试通过

实现步骤:
1)下载indexpic.swf
2) 将上面两段代码的任一段拷贝到图片轮显的位置,修改图片的路径

Posted in: Uncategorized | Tags: ,

Comments are closed.