Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.04.2013, 14:31
jei jei вне форума
Кандидат Javascript-наук
Отправить личное сообщение для jei Посмотреть профиль Найти все сообщения от jei
 
Регистрация: 08.06.2009
Сообщений: 132

Эффектом отъезжания картинки
Подскажите ка можно скрипт начать писать что бы при клике по стрелке менялась картинка.Эффектом отъезжания, а на её место другая приезжает по горизонтале .
Большой баннер с джипом
http://dentaladmin.ru/111/index.html

Без джиквери сразу говорю.Не люблю её
Ответить с цитированием
  #2 (permalink)  
Старый 12.04.2013, 14:58
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Сообщение от jei
Без джиквери сразу говорю.Не люблю её
Забавно)

Сообщение от jei
Подскажите ка можно скрипт начать писать
Это вопрос? Можно!

Ну напишите без jQuery, правда реализация animate будет не столь удобна.
Ответить с цитированием
  #3 (permalink)  
Старый 12.04.2013, 15:04
jei jei вне форума
Кандидат Javascript-наук
Отправить личное сообщение для jei Посмотреть профиль Найти все сообщения от jei
 
Регистрация: 08.06.2009
Сообщений: 132

у тебя такие советы бестолковые.Смысл в них?
Ответить с цитированием
  #4 (permalink)  
Старый 12.04.2013, 15:05
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Какой вопрос - такой ответ
Ответить с цитированием
  #5 (permalink)  
Старый 12.04.2013, 15:51
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от jei
ка можно скрипт начать писать
да так же как и все скрипты. мало того, также можно и продолжать писать скрипт и ещё заканчивать писать скрипт, а также переписывать скрипт
Ответить с цитированием
  #6 (permalink)  
Старый 12.04.2013, 15:55
Аспирант
Отправить личное сообщение для Ervin Посмотреть профиль Найти все сообщения от Ervin
 
Регистрация: 19.03.2013
Сообщений: 84

Вот пример который использовал бы я.

function bindFrameAnimation() {
	var requstAnimation = window.requestAnimationFrame ||                              window.mozRequestAnimationFrame ||
						  window.webkitRequestAnimationFrame || window.msRequestAnimationFrame,
		el = document.getElementById("shape"),
		start = new Date().getTime();
	
	function animate() {
		var progress = new Date().getTime() - start,
			leftPos = (el.style.left) ? el.style.left.replace("px", "") : 0;
		
		el.style.left = ++leftPos + "px";
		
		if(progress < 10000) {
			requstAnimation(animate);
		}
	}
	
	requstAnimation(animate);
}

window.onload = bindFrameAnimation;

<div id="shape" style="width:250px;height:250px;">


Пример не всей анимации, а лишь для того чтобы на основе этого создать анимацию.
Не особо важное примечание: работает только в нормальных браузерах.

Последний раз редактировалось Ervin, 12.04.2013 в 15:58.
Ответить с цитированием
  #7 (permalink)  
Старый 12.04.2013, 16:16
jei jei вне форума
Кандидат Javascript-наук
Отправить личное сообщение для jei Посмотреть профиль Найти все сообщения от jei
 
Регистрация: 08.06.2009
Сообщений: 132

Я вас правильно понял? А куда картинки то вставлять .Адреса прописывать

<!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">
<title>Баннер</title>
<head>
</head>

<body>
<script language="JavaScript">
function bindFrameAnimation() {
	var requstAnimation = window.requestAnimationFrame ||                              window.mozRequestAnimationFrame ||
						  window.webkitRequestAnimationFrame || window.msRequestAnimationFrame,
		el = document.getElementById("shape"),
		start = new Date().getTime();
	
	function animate() {
		var progress = new Date().getTime() - start,
			leftPos = (el.style.left) ? el.style.left.replace("px", "") : 0;
		
		el.style.left = ++leftPos + "px";
		
		if(progress < 10000) {
			requstAnimation(animate);
		}
	}
	
	requstAnimation(animate);
}

window.onload = bindFrameAnimation;

</SCRIPT>
<div  style="width:250px;height:250px;" onmouseover="bindFrameAnimation();">
<img id="shape" src = "mashina_glavn_baner2.jpg" height= "100%" width= "100%" />
</div>

</body></html>

Последний раз редактировалось jei, 12.04.2013 в 16:20.
Ответить с цитированием
  #8 (permalink)  
Старый 12.04.2013, 16:38
Аспирант
Отправить личное сообщение для Ervin Посмотреть профиль Найти все сообщения от Ervin
 
Регистрация: 19.03.2013
Сообщений: 84

Не совсем. То что я написал выше это лишь пример самой простой анимации, с использованием нового reqestAnimateFrame API.

Насколько я вижу, то вам нужен готовый скрипт. Если начать делать работу для БИЗНЕС ситуаций бесплатно, то ни ваш ни наш бизнес далеко не уедет. Люди с радостью помогут в ситуации когда человек что-то не понимает.
В данной ситуации вам просто нужен готовый скрипт, а это в раздел работа.
Ответить с цитированием
  #9 (permalink)  
Старый 12.04.2013, 17:37
jei jei вне форума
Кандидат Javascript-наук
Отправить личное сообщение для jei Посмотреть профиль Найти все сообщения от jei
 
Регистрация: 08.06.2009
Сообщений: 132

ООО начинается.Не в ту ветку склонили.Теория основа она для всех.А вы на дыбыли скриптов и начинаете устраивать спекуляцию.Очень дешёво.Тогда и не надо было в обще нечего писать в теме.
Ответить с цитированием
  #10 (permalink)  
Старый 12.04.2013, 17:38
jei jei вне форума
Кандидат Javascript-наук
Отправить личное сообщение для jei Посмотреть профиль Найти все сообщения от jei
 
Регистрация: 08.06.2009
Сообщений: 132

Как тут много любителей на форуме из простого дела создать работу))) Поражает количество и качество умельцев.Идите и сами в ту ветку ...... сюда припёрлись тогда
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Удалить не нужные картинки utb jQuery 2 26.10.2011 13:50
Ссылка джаваскриптом с картинки seasick Общие вопросы Javascript 2 05.09.2011 15:48
скрол мышкой картинки внутри слоя 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