Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > бегущая строка из картинок


Автор: slutsker 14.12.2007, 11:10
подскажите или покажите как это реализовать.  smile 


нашел один вариант но там придется кучу htmlых тегов запихивать в скрипт - я бы все таки хотел чтобы скрипт руководил картинками, а не состоял из них... то есть картинки в диве и они там прокручиваются


Код


<html>
<script language="JavaScript">
var marqueewidth=330;
var marqueeheight=20;
var speed=4;
var marqueecontents='<img src="2.jpg" width=165 height=124>';//вот сюда придется пихать все изображения(((( а их много и на них висят события - там кода - огогого

if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>');

function regenerate(){
window.location.reload();
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450);
intializemarquee();
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>');
document.cmarquee01.document.cmarquee02.document.close();
thelength=document.cmarquee01.document.cmarquee02.document.width;
scrollit();
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed;
setTimeout("scrollit()",100);
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth;
scrollit();
}
}

window.onload=regenerate2;
</script>


<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer>
</ilayer>
</html>



что-то очень близкое к тому что хочу http://www.vaz2101.ru/forum/scroll.htm только, что -то там сложновато

Автор: Aliance 14.12.2007, 21:06
Почему бы просто не засунуть нужные картинки в тег <marquee> ?
Зачем нужен JS?

Автор: slutsker 14.12.2007, 22:13
а как сделать, чтобы при наведении на картинку прокрутка останавливалась?
и еще хочу чтобы картики ползли не с края, а просто появились и поползли, чтобы не было пустого экрана при появлении страницы...

Автор: LOAD 1.2.2008, 12:59
А не подскажите как сделать в этом скрипте, чтобы у каждой картинки была своя ссылка? Т.е. к примеру первая картинка вела на сайт, вторая на форум, третья в чат и т.д. 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)