смена слайдов
 

есть кнопка, при нажатии на которую, срабатывает функция opp (); .
Хочу понять как сделать плавную смену слайдов.

i1= new Image ();
	i2= new Image ();
	i3= new Image ();
	i4= new Image ();
	i1.src="1.JPG";
	i2.src="22.JPG";
	i3.src="3.JPG";
	i4.src="4.JPG";
	document.bn.src=i4.src;
   function opp() 
   {
		if(b==1) { document.bn.src=i1.src;}
		if(b==2) { document.bn.src=i2.src;}
		if(b==3) { document.bn.src=i3.src;}
		if(b==4) { document.bn.src=i4.src;}
		b++;
		if(b>4) {b=1}
		
   }

у вас говнокод конечно, но для плавности можно использовать JQuery