Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Maksssssss
0 / 0 / 1
Регистрация: 12.08.2016
Сообщений: 214
1

С помощью библиотеки jQuery, или просто на JavaScript, сделайте Sprite анимацию

30.05.2018, 21:26. Просмотров 296. Ответов 6
Метки нет (Все метки)

помощью библиотеки JQuery, или просто на JavaScript, сделайте Sprite анимацию.
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.05.2018, 21:26
Ответы с готовыми решениями:

Как с помощью jQuery генерировать JavaScript?
Беда вот в чем, есть огромный код, который формирует массив всякого разного добра и в итоге из...

Нужно ли знать чистый JavaScript для изучения библиотеки jQuery mobile
Доброго времени суток. Нужно ли знать чистый JavaScript для изучения библиотеки jQuery mobile, или...

С помощью jQuery Ajax подгружать файлы (javascript) при изменении передаваемых данных
Необходимо с помощью jQuery Ajax подгружать файлы (javascript) при изменении передаваемых данных....

Помогите построить с помощью JavaScript + jQuery. Хочу взять разметку бред крамбс за основу.
Добрый день уважаемые коллеги! Помогите построить с помощью JavaScript + jQuery Хочу взять...

Изучение javascript или jquery
Возможно ли изучение jquery без знания нативного javascript ?

6
Уф
741 / 676 / 419
Регистрация: 13.07.2015
Сообщений: 2,087
Завершенные тесты: 2
01.06.2018, 13:10 2
это из такой картинки? или если каждый кадр в отдельном файле просто перебрать все файлы в теге img?
0
Миниатюры
С помощью библиотеки jQuery, или просто на JavaScript, сделайте Sprite анимацию  
Maksssssss
0 / 0 / 1
Регистрация: 12.08.2016
Сообщений: 214
01.06.2018, 15:10  [ТС] 3
Можно и из этой, просто перебрать все файлы
0
Уф
741 / 676 / 419
Регистрация: 13.07.2015
Сообщений: 2,087
Завершенные тесты: 2
01.06.2018, 20:41 4
Javascript
1
2
3
4
5
6
var img_no = 1;
setInterval(function(){
   $('#my_img').attr('src','kadr'+img_no+'.jpg'); //файлы называешь kadr1.jpg, kadr2.jpg ...
   img_no++;
  if(img_no==11) img_no = 1; //если кадров 10 то на 11ом возвращаемся на первый
}, 100);
Кликните здесь для просмотра всего текста

-вам чай горячий или холодный?
-можно и холодный с кипятком



Добавлено через 4 часа 23 минуты
приколись https://jsfiddle.net/850fddz8/
CSS
1
2
3
4
5
div {
  width:66px;
  height:135px;
  background: url('https://www.cyberforum.ru/attachments/942898d1527847800');
}
Javascript
1
2
3
4
5
6
i = 0;
setInterval(function(){
 $('div').css('background-position-x', i*66+'px');
 i++;
 if(i==7) i=0;
},200);
Добавлено через 20 минут
теперь он без рывка пляшет)
https://jsfiddle.net/850fddz8/1/
Javascript
1
2
3
4
5
6
7
8
9
i = 0;
d = true;
setInterval(function(){
 $('span').html(i);
 $('div').css('background-position-x', i*66+'px');
 if(d) i++; else i--;
 if(i==7) d = false;
 if(i==1) d = true;
},200);
1
Maksssssss
0 / 0 / 1
Регистрация: 12.08.2016
Сообщений: 214
01.06.2018, 21:06  [ТС] 5
спасибо
0
mrtoxas
Модератор
Эксперт HTML/CSS
3111 / 2205 / 1343
Регистрация: 12.07.2015
Сообщений: 5,856
Записей в блоге: 3
02.06.2018, 13:43 6
На всякий случай, вариант без js
HTML5
1
<div class="anim"></div>
CSS
1
2
3
4
5
6
7
8
9
10
11
.anim{
  width:66px;
  height:135px;
  background:url('https://www.cyberforum.ru/attachments/942898d1527847800') no-repeat bottom right;
  animation: anim .5s steps(6) infinite alternate;
}
@keyframes anim{
  to {
    background-position:left;
  }
}
1
Maksssssss
0 / 0 / 1
Регистрация: 12.08.2016
Сообщений: 214
02.06.2018, 15:34  [ТС] 7
Спасибо
0
02.06.2018, 15:34
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
02.06.2018, 15:34

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

Можно ли получить или задать сессию с помощью Javascript или Ajax?
Можно ли получит или задать сессию с помощью Javascript или Ajax?

С чего начать? jQuery или Javascript
У меня есть опыт программирования на Delphi (не большой). Немного разбираюсь в HTML и CSS (делал...

Как узнать ip адрес на javascript или jquery?
нужен пример кто может подсказать как узнать ip адрес на javascript или jquery


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.