Форум

jei · #1 (**permalink**) 12.04.2013, 14:31

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

Без джиквери сразу говорю.Не люблю её

tsigel · #2 (**permalink**) 12.04.2013, 14:58

Сообщение от jei

Без джиквери сразу говорю.Не люблю её

Забавно)

Сообщение от jei

Подскажите ка можно скрипт начать писать

Это вопрос? Можно!

Ну напишите без jQuery, правда реализация animate будет не столь удобна.

jei · #3 (**permalink**) 12.04.2013, 15:04

у тебя такие советы бестолковые.Смысл в них?

tsigel · #4 (**permalink**) 12.04.2013, 15:05

Какой вопрос - такой ответ

dmitriymar · #5 (**permalink**) 12.04.2013, 15:51

Сообщение от jei

ка можно скрипт начать писать

да так же как и все скрипты. мало того, также можно и продолжать писать скрипт и ещё заканчивать писать скрипт, а также переписывать скрипт

Ervin · #6 (**permalink**) 12.04.2013, 15:55

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

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;">

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

jei · #7 (**permalink**) 12.04.2013, 16:16

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

<!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>

Ervin · #8 (**permalink**) 12.04.2013, 16:38

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

Насколько я вижу, то вам нужен готовый скрипт. Если начать делать работу для БИЗНЕС ситуаций бесплатно, то ни ваш ни наш бизнес далеко не уедет. Люди с радостью помогут в ситуации когда человек что-то не понимает.
В данной ситуации вам просто нужен готовый скрипт, а это в раздел работа.

jei · #9 (**permalink**) 12.04.2013, 17:37

ООО начинается.Не в ту ветку склонили.Теория основа она для всех.А вы на дыбыли скриптов и начинаете устраивать спекуляцию.Очень дешёво.Тогда и не надо было в обще нечего писать в теме.

jei · #10 (**permalink**) 12.04.2013, 17:38

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

Форум

Справочник

Discord чат

Курсы javascript