第四步：脚本（The Script）

现在，在适当的位置我们有所有的方法工具，以及当窗口载完时被调用的 init() ，我们可以开始具体化此方法。

注：这仅是 init() 方法，而不是整个脚本。因为有行号，复制并粘贴脚本将会导致错误。

复制内容到剪贴板 代码: 1: init:function(){
2:     if(document.getElementById && document.createTextNode){
3:         var list = document.getElementById(' ');
4:         if(list){
5:             slideshow.items = list.getElementsByTagName('li');
6:             slideshow.all = slideshow.items.length;
7:             if(slideshow.all > 1){
8:                 slideshow.addClass(list, 'js');
9:                 slideshow.createNav(list);
10:            }
11:         }
12:         slideshow.show();
13:     }
14: },

createNav() 方法使用 DOM 脚本创建幻灯片正常工作所需的 HTML。

复制内容到剪贴板 代码: 1: createNav:function(o){
2:     var p = document.createElement('p');
3:     slideshow.addClass(p, 'slidenav');
4:     slideshow.prev = document.createElement('a');
5:     slideshow.prev.setAttribute('href', '#');
6:     var templabel = document.createTextNode('<<');
7:     slideshow.prev.appendChild(templabel);
8:     slideshow.addEvent(slideshow.prev, 'click', slideshow.show);
9:     p.appendChild(slideshow.prev);
10:     slideshow.count = document.createElement('span');
11:     templabel = document.createTextNode( (slideshow.current+1) + ' / ' + slideshow.all);
12:     slideshow.count.appendChild(templabel);
13:     p.appendChild(slideshow.count);
14:     slideshow.next = document.createElement('a');
15:     slideshow.next.setAttribute('href', '#');
16:     var templabel = document.createTextNode('>>’);
17:     slideshow.next.appendChild(templabel);
18:     slideshow.addEvent(slideshow.next, ‘click’, slideshow.show);
19:     p.appendChild(slideshow.next);
20:     o.parentNode.insertBefore(p, o);
21: },

这些被创建的所有标记都是必要的，最后剩下的是去定义一个当链接被点击时调用的监听方法 show() 。