Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать плавное перемещение картинки (https://javascript.ru/forum/dom-window/54168-kak-sdelat-plavnoe-peremeshhenie-kartinki.html)

ArsenInvoker 06.03.2015 18:26

А вот скажи мне а в примере Упругая анимация где писать классы назначенных картинок ?

ArsenInvoker 06.03.2015 18:26

куда вставлять html тег

ArsenInvoker 06.03.2015 18:30

а вот в примере Упругая анимация где и как использовать теги html ну там классы индитификаторы ? http://learn.javascript.ru/js-animation

laimas 06.03.2015 18:36

где писать классы назначенных картинок, куда вставлять html тег

Какая анимация, если вы не знаете об этих вещах? Упругая анимация и другое по ссылке описанное, это описание характеристик скорости, график и функции которых представлены, в них не вставляются ни классы, ни html теги.

Изучайте лучше примеры на jQuery, это будет для вас проще.

ArsenInvoker 06.03.2015 18:41

нет вы не поняли до пустим мне надо чтоб картинка двигалась по определенным координатам ну чтоб выбрать эту картинку нужно создать переменную туда воткнуть класс потом выбрать функцию и выбрать переменную со значениями класса не ? или как правильно я не хочу Jquery

ArsenInvoker 06.03.2015 18:43

помогите плиз ну вот на пример там ничего не указанно !

laimas 06.03.2015 19:19

Я понимаю, что у вас нет знаний, и чем я должен помочь, давать пояснения по каждому шагу?

Какой класс и куда воткнуть? Изображение может уже быть на странице, достаточно получить его как объект и двигайте:

var im = document.getElementById('move');

<img id="move" src="src" />

ArsenInvoker 06.03.2015 21:27

вот мне это и нужно было
мне

ArsenInvoker 06.03.2015 21:27

спасибо

ArsenInvoker 07.03.2015 13:05

Вот ответь мне пожалуйста почему код не пашет

window.onload = function(){


var qwePosX = 0;
var qwePosY = 0;
var interval;
var n = 10; // На сколько двигать за раз
var width = document.documentElement.clientWidth; // Ширина экрана
var height = document.documentElement.clientHeight; // Высота экрана
var imgWidth = 60; // Ширина картинки
var imgHeight = 60; // Высота картинки
var wexactiv = document.getElementById("wexactiv");
function move() {
wexactiv.style.left = (qwePosX += n) + "px";
wexactiv.style.top = (qwePosY += n) + "px";
if ( (qwePosX == (width - imgWidth) ) || (qwePosY == (height - imgHeight) ) ) {
clearInterval(interval);
}
}
interval = setInterval(move, 1000);
}


Часовой пояс GMT +3, время: 19:32.