Эффектом отъезжания картинки
Подскажите ка можно скрипт начать писать что бы при клике по стрелке менялась картинка.Эффектом отъезжания, а на её место другая приезжает по горизонтале .
Большой баннер с джипом http://dentaladmin.ru/111/index.html Без джиквери сразу говорю.Не люблю её |
Цитата:
Цитата:
Ну напишите без jQuery, правда реализация animate будет не столь удобна. |
у тебя такие советы бестолковые.Смысл в них? :)
|
Какой вопрос - такой ответ :)
|
Цитата:
|
Вот пример который использовал бы я.
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;"> Пример не всей анимации, а лишь для того чтобы на основе этого создать анимацию. Не особо важное примечание: работает только в нормальных браузерах. |
Я вас правильно понял? А куда картинки то вставлять .Адреса прописывать
<!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>
|
Не совсем. То что я написал выше это лишь пример самой простой анимации, с использованием нового reqestAnimateFrame API.
Насколько я вижу, то вам нужен готовый скрипт. Если начать делать работу для БИЗНЕС ситуаций бесплатно, то ни ваш ни наш бизнес далеко не уедет. Люди с радостью помогут в ситуации когда человек что-то не понимает. В данной ситуации вам просто нужен готовый скрипт, а это в раздел работа. |
ООО начинается.Не в ту ветку склонили.Теория основа она для всех.А вы на дыбыли скриптов и начинаете устраивать спекуляцию.Очень дешёво.Тогда и не надо было в обще нечего писать в теме.
|
Как тут много любителей на форуме из простого дела создать работу))) Поражает количество и качество умельцев.Идите и сами в ту ветку ...... сюда припёрлись тогда
|
| Часовой пояс GMT +3, время: 04:48. |