Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.03.2012, 22:13
Люблю js, jquery
Отправить личное сообщение для dadli Посмотреть профиль Найти все сообщения от dadli
 
Регистрация: 23.08.2011
Сообщений: 214

планое перемешение картинки
здравствуите

хочу сделать планое перемешение картинки.
вот код

function drag_1() {
	w = 0;
	setInterval( function drag_2() {
		if (w < 400) {
			w++;
		}
		document.getElementById('img').style.marginLeft = w+'px';
	}, 10);
}


<body onLoad="drag_1();">
<img id='img' src="my_image.jpg" width="400" height="250" >


в фаирфохе и в ИЕ етот скрипт очен криво (медленно) исполняется.
скажите плиз как сделать такое через JS, чтоб работал хорошо (кросбраузерно)?
Ответить с цитированием
  #2 (permalink)  
Старый 05.03.2012, 22:27
Аватар для 9xakep
сегодня в 12:34|Комментир
Отправить личное сообщение для 9xakep Посмотреть профиль Найти все сообщения от 9xakep
 
Регистрация: 12.04.2011
Сообщений: 1,180

Может просто скорость увеличить?
<script>
function drag_1() {
	w = 0;
	setInterval(function () {
		if (w < 400) {
		document.getElementById('img').style.marginLeft = w+'px';	
		w+=2;
		}
	}, 10);
}

</script>
<body onLoad="drag_1();">
<img id='img' src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" width="400" height="250" >
__________________
оляля, ололо
Ответить с цитированием
  #3 (permalink)  
Старый 05.03.2012, 23:04
Люблю js, jquery
Отправить личное сообщение для dadli Посмотреть профиль Найти все сообщения от dadli
 
Регистрация: 23.08.2011
Сообщений: 214

9xakep,
ето оказался не виход, ИЕ вообшем умер после увеличение скорост.
nasqad,
хорошо, а как же делать такое? не обязателно setInterval исползовать, хоть будит другое решение. может кот-то jquery советует, но интересно такое сделать через яваскрипт как можно?
Ответить с цитированием
  #4 (permalink)  
Старый 05.03.2012, 23:21
Аватар для T-sh
Профессор
Отправить личное сообщение для T-sh Посмотреть профиль Найти все сообщения от T-sh
 
Регистрация: 04.12.2009
Сообщений: 579

попробуй сделать:
poisiton:fixed;


и менять "left" вместо "margin-left"
а для IE вот эмуляция: http://www.artlebedev.ru/tools/techn...fixed_in_msie/
__________________
С моих слов записано верно.
Ответить с цитированием
  #5 (permalink)  
Старый 05.03.2012, 23:55
Люблю js, jquery
Отправить личное сообщение для dadli Посмотреть профиль Найти все сообщения от dadli
 
Регистрация: 23.08.2011
Сообщений: 214

спасиби люди, работает везде...но кроме ИЕ.
P.S. microsoft великая корпораця, почему не могли они создать нормалную браузер ?
Ответить с цитированием
  #6 (permalink)  
Старый 06.03.2012, 00:03
Аватар для T-sh
Профессор
Отправить личное сообщение для T-sh Посмотреть профиль Найти все сообщения от T-sh
 
Регистрация: 04.12.2009
Сообщений: 579

Сообщение от dadli Посмотреть сообщение
спасиби люди, работает везде...но кроме ИЕ.
P.S. microsoft великая корпораця, почему не могли они создать нормалную браузер ?
они создали.. IE9 очень даже шустрый и послушный (использую stable 9.0.5 от 14 февраля, по-моему). работает хорошо)
__________________
С моих слов записано верно.
Ответить с цитированием
  #7 (permalink)  
Старый 06.03.2012, 00:16
Люблю js, jquery
Отправить личное сообщение для dadli Посмотреть профиль Найти все сообщения от dadli
 
Регистрация: 23.08.2011
Сообщений: 214

T-sh,
может бить, не знаю, не пробовал, еше windows xp установлен мне. пора уже переходит на 7
Ответить с цитированием
  #8 (permalink)  
Старый 06.03.2012, 10:03
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от nasqad
setInterval не клирится, оче плохо
товарищ прав

Основы программной анимации на JavaScript
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #9 (permalink)  
Старый 06.03.2012, 13:43
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Попробуйте использовать window.requestAnimationFrame
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Удалить не нужные картинки utb jQuery 2 26.10.2011 13:50
Как проиндексировать картинки HTML код которых генерируется на JS greatilya Оффтопик 9 22.09.2010 07:42
скрол мышкой картинки внутри слоя snk Элементы интерфейса 7 07.09.2010 18:22
Получение координат от картинки EmDmAl Events/DOM/Window 4 08.11.2009 14:34
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42