近些年来，很多新闻站点都使用新闻图象幻灯片来作为显示头条的方式，很多其他网站，甚至个人网站也开始模仿，这种方式具有十足的动感，而且很吸引眼球。CCTV的主页上，横幅和今日看点都使用了可操作式的新闻图象幻灯片，像QQ新闻之类的网站使用了不可操作的自动图象幻灯片，再如搜狐IT的幻灯片便经过了精美的设计。以下我整理了常见的一些代码，在本文文末有代码和效果预览。一共有6种代码，我觉得第6种最好，推荐！
抛却可操作性，如果要制作一个简单的自动翻页图象的效果，只要一段javascript代码。文末代码1即为一个简单的图象幻灯片的代码，其中1.jpg到4.jpg即为需要显示的图象，链接1～4为分别链接到的地址。它的效果如：try1.html
如果要实现可操作性，仅仅用javascript代码也是可以实现的，文末代码2就是一个十分优秀的控制性幻灯片代码，其效果为：try2.html。它可以让用户设置间隔时间。
不过，我觉得try2的操作性很有局限性，像一些专门用于显示图片的网站需要操作性强的，甚至要使用PowerPoint制作网页ppt幻灯片，而对于新闻类信息网站使用的幻灯片，应当尽量保持简洁性和适当的可操作性，从各大网站的图象幻灯片使用情况可以看出，其实无操作性的图象幻灯片有时就是最好的选择。像文末代码3的修改性很强，并且提供了鼠标经过时图象颤抖的特效，效果见try3.html。它简洁到了除了图象外没有任何其他东西，反而显出一种唯美来。
文末代码4是我从搜狐IT上扒下来的，它通过Flash来实现各种功能，其图象转换也不在是前面三个的那种机械javascript转换，而是蓝光扫过的感觉，效果很好。不过唯一的缺点是它的Flash文件好像要联系sohu的某个网页，而且其长宽比不大适合日常的使用，而且不将图象平铺。其效果见try4.html，需要另外下载一个Flash文件，见代码。
代码5似乎是一个更好的选择，它自动将图象平铺，其图象转换更是使用淡入淡出，相当美观。其原理也十分简单，所以代码相当简洁。有操作性。另外，当选定一页后便不在变化。文末不提供代码了，因为它有多个文件，点击这里下载RAR文档，效果见try5.html。
不过，最终我想推荐的是代码6，这种样式似乎很多地方都在用。可尽管如此，它还是具有极大的优越性，效果见：news.html。代码6的各个方面都很优秀，除却简洁的操作按钮和底部的文字说明外，它的修改性能很好，我们可以任意得修改它的长度、高度、文字标题高度，更让人惊喜的是，我们可以使用任意个数的图片，它会自动显示1～n的按钮。图片是平铺的，无需过多考虑大小、象素。我在网上一直在寻找这种样式的图象幻灯片，但是似乎很难找，最后终于在图片新闻Flash幻灯片效果-≮礼尚网来≯Leesum.com找到了。我做了一定的修改，所有文件打包在这里下载。主代码一共有2个代码文件，news.js和pixviewer.swf，我们主要是编辑前者。
var focus_width=340;//幻灯片新闻图片宽度
var focus_height=160;//幻灯片新闻图片高度
var text_height=18;//幻灯片新闻文字标题高度
var swf_height = focus_height+text_height;
var pics = ”;
var links = ”;
var texts = ”;
function ati(url, img, title)
{
if(pics != ”)
{
pics = “|” + pics;
links = “|” + links;
texts = “|” + texts;
}
pics = escape(img) + pics;
links = escape(url) + links;
texts = title + texts;
}
ati(‘http://heymu.com’, ‘1.jpg’, ‘新闻标题1’);
ati(‘http://heymu.com’, ‘2.jpg’, ‘新闻标题2’);
ati(‘http://heymu.com’, ‘3.jpg’, ‘新闻标题3’);
ati(‘http://heymu.com’, ‘4.jpg’, ‘新闻标题4’);
ati(‘http://heymu.com’, ‘5.jpg’, ‘新闻标题5’);
document.write(‘‘ );
前面三行说得很清楚，单位是象素。中间部分最重要，格式为：
ati(‘链接地址’, ‘图象地址’, ‘新闻标题’);
这里可以使用任意多个，不过当超过5个的时候，前面的数字标志会比较模糊。需要说明的是：实际显示的时候，是倒序显示为1～n，这似乎很是符合新闻的规律。
最后一段的”pixviewer.swf”即为调用Flash文件。bgcolor=”#99CCFF”是文字的背景颜色，我选择了淡蓝色。
然而以上的代码只是news.js文件里的代码，需要在其他位置调用，调用代码如下：
如果news.js不是在本目录下，请将”news.js”中的路径换掉。 以下是文中提及的代码1～4： 代码1：try1.html
代码2：try2.html
代码3：try3.html
代码4：try4.html，使用时需在同目录下载一个Flash文件：Img.swf
