Показать сообщение отдельно
  #3 (permalink)  
Старый 06.03.2009, 19:01
Аспирант
Отправить личное сообщение для Onis Посмотреть профиль Найти все сообщения от Onis
 
Регистрация: 15.07.2008
Сообщений: 31

На скорую руку набросал:
<html>
<head>
 <script language="javascript" type="text/javascript">
var sliderwidth=501;
var sliderheight=70;
var slidespeed=50;
var slidestep =5;
<!-- web-mastery.info  -->
var leftrightslide=new Array();
var finalslide='';
var slider = false;
var copyspeed=slidespeed;

var repeat = false;

var side = 1;

function createEl()
{	
	leftrightslide[0]='<a href="http://flv.video.yandex.ru/lite/sokal-school2/4kv3wrqwnb.612/" title="Візитка школи"><img src="scrins/v.0-00-00.946.jpg" style="float:left; height:60; width:80; border:1px solid black;margin-right:8px"/></a>';
	leftrightslide[1]='<a href="http://flv.video.yandex.ru/lite/sokal-school2/vr1v07u9no.404/" title="Конкурс Красуня-2008"><img src="scrins/v1.0-12-37.814.jpg" style="float:left; height:60; width:80; border:1px solid black;margin-right:8px"/></a>';
	leftrightslide[2]='<a href="http://flv.video.yandex.ru/lite/sokal-school2/mr1jdoupp9.401/" title="Урок етики"><img src="scrins/v2.0-04-28.381.jpg" style="float:left; height:60; width:80; border:1px solid black;margin-right:8px"/></a>';
	leftrightslide[3]='<a href="http://flv.video.yandex.ru/lite/sokal-school2/l0nxtrysva.609/" title="Урок фізкультури"><img src="scrins/v3.0-11-03.385.jpg" style="float:left; height:60; width:80; border:1px solid black;margin-right:8px"/></a>';
	leftrightslide[4]='<a href="http://flv.video.yandex.ru/lite/sokal-school2/dntum4axtq.609/" title="Шевченкове свято"><img src="scrins/v4.0-00-06.568.jpg" style="float:left; height:60; width:80; border:1px solid black;margin-right:8px"/></a>';
	leftrightslide[5]='<a href="http://flv.video.yandex.ru/lite/sokal-school2/1as3to55yl.402/" title="Сокальський парубок"><img src="scrins/v5.0-00-56.471.jpg" style="float:left; height:60; width:80; border:1px solid black; margin-right:8px"/></a>';
	
	for (var i=0; i<leftrightslide.length; i++)
		finalslide += "<td>"+leftrightslide[i]+"</td>";
	finalslide = '<table border="0"><tr>'+finalslide+'</tr></table>';
		
	slider = document.createElement('div');
	slider.style.width = sliderwidth;
	slider.style.height = sliderheight;
	slider.style.overflow = 'hidden';
	slider.style.whiteSpace = 'nowrap';
	slider.onmouseover = stop;
	slider.onmouseout = start;
	slider.innerHTML = finalslide;	
	document.getElementById('body').appendChild(slider);
	start()
	
}

function start()
{repeat = window.setInterval('scroll()',slidespeed);}
function stop()
{window.clearInterval(repeat);}

function scroll()
{
	var now = slider.scrollLeft;
	var left =  slider.scrollWidth - slider.offsetWidth;

	if(now == left || now ==0)
		side*=-1;
		
	slider.scrollLeft+= slidestep*side;
}
 </script>
</head>
<body onload="createEl();" id="body">
</body>
</html>

Реализация хреновая но работает везде (тестировал в Chrome, FF3, IE6, Opera) нормально.
Ответить с цитированием