Здравейте! Имам един скрипт който трябва да мести една картинка от ляво надясо и обратно като сменя картинката. ето кода: [codebox]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR...nsitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> bedroom designs <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div id="sloi"> <img id="choveche" src="img/angel.gif" /> </div> <script type="text/javascript"> var preload=new Image(); preload.src="devil.gif"; var dqsno=true; function dvijenie(){ bedroom designs var obj=getElementById("sloi"); var shir; if (document.body.clientWidth) shir=document.body.clientWidth; bedroom designs if (window.innerWidth) shir=window.innerWidth; if (dqsno) obj.style.left=(parseInt(obj.style.left)+1)+"px"; else obj.style.left=(parseInt(obj.style.left)-1)+"px"; if (parseInt(obj.style.left)>=(shir+5)){ dqsno=false; document.getElementById("choveche").src="/img/devil.gif"; } if (parseInt(obj.style.left)>= -100){ dqsno=true; document.getElementById("choveche").src="/img/angel.gif"; } window.setTimeout("dvijenie()", 50); } dvijenie(); </script> </body> </html>[/codebox] Тука има 2 картинки: ангелче и дяволче. Едната върви надясно а другата наляво и се сменят. Но проблема е че ангелчето не се мърда . Моля помогнете ми. Благодаря предварително .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div id="sloi" style="position: relative; left: 0; top: 0"> <img id="choveche" src="/img/angel.gif" /> </div> <script type="text/javascript"> bedroom designs var preload=new Image(); preload.src='/img/devil.gif'; var dqsno=true; function dvijenie(){ var obj=document.getElementById('sloi'); var shir=0; if (document.body.clientWidth) { shir=document.body.clientWidth; } if (window.innerWidth) { shir=window.innerWidth; } if (dqsno) { obj.style.left=parseInt(obj.style.left)+1+'px'; } else { obj.style.left=parseInt(obj.style.left)-1+'px'; } if (parseInt(obj.style.left)>=(shir+5)){ dqsno=false; document.getElementById('choveche').src="/img/devil.gif"; } if (parseInt(obj.style.left)>= -100){ bedroom designs dqsno=true; bedroom designs document.getElementById('choveche').src="/img/angel.gif"; } window.setTimeout("dvijenie()", 50); } dvijenie(); </script> bedroom designs </body> bedroom designs </html>
Добре сега картинката се движи но защо когато стигне края не се сменя и да тръгва в обратната посока ами увеличава bedroom designs дължината на екрана? Моля да ми отговорите. Eто линк към резултата(малко е забързано).
Добре сега картинката се движи но защо когато стигне края не се сменя и да тръгва в обратната посока ами увеличава дължината на екрана? Моля да ми отговорите. Eто линк към резултата(малко е забързано). if (parseInt(obj.style.left)>=(shir+5)) { dqsno=false; document.getElementById('choveche').src="/img/devil.gif"; } else { if (parseInt(obj.style.left)<= -100){ bedroom designs dqsno=true; document.getElementById('choveche').src="/img/angel.gif"; }
Благодаря ти ! Всичко си работи. Само един последен въпрос: bedroom designs Защо когато картинката се движи надясно bedroom designs и дължината на прозореца се увеличава а после се намялява ? Ако ми кажеш как да го избегна ще съм ти задължен за пореден път !
Благодаря ти ! Всичко си работи. Само един последен въпрос: Защо когато картинката се движи надясно и дължината на прозореца се увеличава а после се намялява ? Ако ми кажеш как да го избегна ще съм ти задължен за пореден път ! Трябва да се замени position:relative с position:absolute
Вход чрез Facebook Вход чрез Twitter
No comments:
Post a Comment