Блоки меняются горизонтальными линками

A slide show one of eight effects(plus random)

wipe horizontal,
wipe vertical,
wipe square,
fade(opacity),
wipe left,
wipe right,
wipe up,
wipe down.

There may be as many applications on a page as required.

The script utalises my 'Basic Element Animator' script.

// Multi Effects Slide Show (21-March-2009)
// by Vic Phillips http://www.vicsjavascripts.org.uk

// A slide show one of eight effects(plus random)
// wipe horizontal,
// wipe vertical,
// wipe square,
// fade(opacity),
// wipe left,
// wipe right,
// wipe up,
// wipe down.

// There may be as many applications on a page as required.

// The script utalises my 'Basic Element Animator' script.

// **** Initalisation and Execution.
// The script may be initialised from any event call to fumction:
// zxcMultiSS('tst2','VS','A',2000,4000);
// but would normally be initialised by a <BODY> or window event call
// where:
//  parameter 0 = the unique id name of the images parent node.                              (string)
//  parameter 1 = (optional) the mode of execution.                                          (string, 'H', 'V', 'S', 'F', 'L', 'R', 'U', 'D' ,'R' default 'H')
//                   'H' = each frame is opened from the center to full width.
//                   'V' = each frame is opened from the middle to full height.
//                   'S' = each frame is opened as a square from the center.
//                   'F' = each frame fades in.
//                   'L' = each frame slides in from the left.
//                   'R' = each frame slides in from the right.
//                   'T' = each frame slides in from the top.
//                   'B' = each frame slides in from the bottom.
//                   'R' = each frame slides with a random effect.
//  parameter 2 = (optional) digits = goto frame n, 'N' = next frame, 'P' = previous frame.  (digits or string 'N' or 'P')
//  parameter 3 = (optional) the speed of the effect.                                        (digit, default = 1000)
//  parameter 4 = (optional) the 'hold' delay between frames.                                (digit, default = speed*2)

// **** Functional Code(4.03K) - NO NEED to Change

zxcMultiSSOOP.prototype.swap=function(nu){
 if (this.imgs[nu]){
  this.reset();
  zxcES(this.lst[0],{zIndex:'1'});
  this.cnt=nu;
  this.lst=this.imgs[this.cnt];
  zxcES(this.lst[0],{zIndex:'2'});
  this.cng();
 }
}

zxcMultiSSOOP.prototype.nextprev=function(ud){
 this.cnt+=ud;
 this.cnt=this.cnt==this.imgs.length?0:this.cnt<0?this.imgs.length-1:this.cnt;
 this.swap(this.cnt);
}

zxcMultiSSOOP.prototype.reset=function(nu){
 for (var z0=0;z0<this.imgs.length;z0++) zxcES(this.imgs[z0][0],{zIndex:'0'});
}

zxcMultiSSOOP.prototype.setmde=function(mde){
 var mde=(mde.charAt?mde.toUpperCase():'H').charAt(0);
 var wlht=mde=='F'?['opacity']:mde=='V'||mde=='T'||mde=='B'?['height','top','width','left']:['width','left','height','top']
 for (var z0=0;z0<this.imgs.length;z0++){
  this.imgs[z0][2]=[this.imgs[z0][1][this.wlht[0]],this.imgs[z0][1][this.wlht[2]],mde,wlht];
 }
}

zxcMultiSSOOP.prototype.random=function(){
 var mde='HVSFLRTB'.charAt(Math.floor(Math.random()*8));
 if (this.ran==mde) return this.random();
 this.ran=mde;
 var wlht=mde=='F'?['opacity']:mde=='V'||mde=='T'||mde=='B'?['height','top','width','left']:['width','left','height','top']
 var ary=this.imgs[this.cnt];
 zxcES(ary[0],{left:'0px',top:'0px',width:ary[2][0]+'px',height:ary[2][1]+'px'});
 zxcES(ary[1],{left:'0px',top:'0px',width:ary[2][0]+'px',height:ary[2][1]+'px'});
 zxcOpacity(ary[1],100);
 ary[2][2]=mde;
 ary[2][3]=wlht;
}

zxcMultiSSOOP.prototype.auto=function(ary){
 this.reset();
 zxcES(this.lst[0],{zIndex:'1'});
 this.cnt=++this.cnt%this.imgs.length;
 this.lst=this.imgs[this.cnt];
 zxcES(this.lst[0],{zIndex:'2'});
 this.cng();
 this.to=setTimeout(function(oop){return function(){ oop.auto(); }}(this),this.hold);
}

zxcMultiSSOOP.prototype.cng=function(){
 var ary=this.imgs[this.cnt];
 if (this.ran) this.random();
 if (ary[2][2]=='F') zxcBAnimator(ary[2][3][0],ary[0],0,100,this.spd);
 else if (ary[2][2]=='V'||ary[2][2]=='H'||ary[2][2]=='S'){
  zxcBAnimator(ary[2][3][0],ary[0],0,ary[2][0],this.spd);
  zxcBAnimator(ary[2][3][1],ary[0],ary[2][0]/2,0,this.spd);
  zxcBAnimator(ary[2][3][1],ary[1],-ary[2][0]/2,0,this.spd);
  if (ary[2][2]=='S'){
   zxcBAnimator(ary[2][3][2],ary[0],0,ary[2][1],this.spd);
   zxcBAnimator(ary[2][3][3],ary[0],ary[2][1]/2,0,this.spd);
   zxcBAnimator(ary[2][3][3],ary[1],-ary[2][1]/2,0,this.spd);
  }
 }
 else zxcBAnimator(ary[2][3][1],ary[1],ary[2][0]*(ary[2][2]=='L'||ary[2][2]=='T'?-1:1),0,this.spd);
}

function zxcES(ele,style,par,txt){
 if (typeof(ele)=='string') ele=document.createElement(ele);
 for (key in style) ele.style[key]=style[key];
 if (par) par.appendChild(ele);
 if (txt) ele.appendChild(document.createTextNode(txt));
 return ele;
}

</div>

</div>