Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.07.2012, 11:27
Новичок на форуме
Отправить личное сообщение для Igorbek Посмотреть профиль Найти все сообщения от Igorbek
 
Регистрация: 28.07.2012
Сообщений: 8

Вызов анимации двух картинок
Я сам в программировании пока что еще дажн на пол чайника не тяну. Но все же.

С горем пополам написал скрипт для вызова анимации картинки с помощью нажатия по кнопке.


<script language="JavaScript">
<!--
var i=0;
var svich=true;


img_a=new Array();
img_a[0]=new Image();
img_a[1]=new Image();



img_a[0].src="1.png";
img_a[1].src="2.png";




function list_img()

{
if(svich==true)
{
document.images[0].src=img_a[i].src ;
i++ ;
if(i>1) i=0 ;
setTimeout("list_img()", 100);



}
}

function img_start()
{
svich=true;
list_img()

function img_stop()
{
svich=false;
}


//-->
</SCRIPT>

<div align="center" style="padding: 150px 0 50px 0; "><img src="1.png"></div>
<div align="center"><input type="image" src="button.png" onclick="img_start()" ></input> <input type="image" src="button2.jpg" onclick="img_stop()">

</input></div>

При нажатии на кнопку старт запускается анимация состоящачя из двух картинок. Все работает, но...

Мне нужно сделать так, чтобы при клике по кнопке запускалась вместе с этой анимацией еще одна рядом с ней. А при клике по второй кнопке обе останавливались.

Как ни пытался ничего не получилось.

Прошу помогите чайнику.
Ответить с цитированием
  #2 (permalink)  
Старый 28.07.2012, 11:45
Аватар для Dim@
Профессор
Отправить личное сообщение для Dim@ Посмотреть профиль Найти все сообщения от Dim@
 
Регистрация: 21.04.2012
Сообщений: 951

<script type="text/javascript">
<!--
var i=0;
var svich=true;
img_a=new Array();
img_a[0]=new Image();
img_a[1]=new Image();
img_a[0].src="http://th78.photobucket.com/albums/j109/rftrevino18/th_wallpaper-machu-picchu-1-1024.jpg";
img_a[1].src="http://www.fototema.ru/uploads/posts/2007-12/1198440705_02.jpg";
function list_img(){
 if(svich==true){
  document.images[0].src=img_a[i].src ;
  i++ ;
  if(i>1) i=0 ;
  setTimeout("list_img()", 100);
 }
}
function img_start(){
 svich=true;
 list_img();
}
function img_stop(){
 svich=false;
}
</script>

<div align="center" style="padding: 150px 0 50px 0; "><img src=http://th78.photobucket.com/albums/j109/rftrevino18/th_wallpaper-machu-picchu-1-1024.jpg"></div>
<div style="position:absolute;top:600px"><input type="button" onclick="img_start()" ><input type="button" onclick="img_stop()">
</div>
Ответить с цитированием
  #3 (permalink)  
Старый 28.07.2012, 11:45
Аватар для Dim@
Профессор
Отправить личное сообщение для Dim@ Посмотреть профиль Найти все сообщения от Dim@
 
Регистрация: 21.04.2012
Сообщений: 951

Igorbek,
у вас нету закрывающей скобки в
Цитата:
function img_start()
{
svich=true;
list_img()
Ответить с цитированием
  #4 (permalink)  
Старый 28.07.2012, 12:08
Новичок на форуме
Отправить личное сообщение для Igorbek Посмотреть профиль Найти все сообщения от Igorbek
 
Регистрация: 28.07.2012
Сообщений: 8

Сообщение от Dim@ Посмотреть сообщение
Igorbek,
у вас нету закрывающей скобки в
Она есть, я стер ее случайно когда код сюда переносил.

Так проблема осталась не решенной.

Как сделать чтобы запускалось две разные анимации одним кликом?
Ответить с цитированием
  #5 (permalink)  
Старый 28.07.2012, 12:26
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

попробуйте вместо
document.images[0]
написать
document.images[i]
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Дрожание анимации Freakmeister jQuery 4 07.05.2012 13:59
Загрузчик картинок Livanderiaamarum Общие вопросы Javascript 1 15.01.2012 17:21
Слайдер не отрабатывает несколько картинок SinX Элементы интерфейса 1 15.05.2011 22:28
Java ScrollTo. Скрол картинок на java. Надо подправить. vdm Ваши сайты и скрипты 1 28.10.2009 20:46
Как сделать прокрутку картинок Lugan Элементы интерфейса 1 26.06.2009 12:52