X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Анимация
Bucks
Bucks
Topic Starter сообщение 12.8.2010, 21:07; Ответить: Bucks
Сообщение #1


Здравствуйте. Ни кто не мог бы дать пример, как сделать пошаговую анимацию на jQuery или JS из любого кол-ва картинок, чтобы можно было эту анимацию ускорить. За ранее благодарен.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 12.8.2010, 21:29; Ответить: locky-yotu
Сообщение #2


Красный-синий-голубой, выбирай себе любой
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 12.8.2010, 22:44; Ответить: Bucks
Сообщение #3


locky-yotun, а не мог бы ты написать вот такой простой скрипт:
легче будет сделать его именно в таком порядке.
Ставиться несколько картинок в одном месте, чтобы их расположение можно было регулировать.
1.Изначально 1 картинка = 0% прозрачности(то есть, не прозрачная)
2.Если на нее нажали, то
3.Резко убрать у 1ой картинки прозрачность до нуля(то есть, прозрачная). И поставить у 2ой картинке 0% прозрачности(то есть, опять не прозрачная.
4.Ждать 1 сек.
5.Резко убрать у 2ой картинки прозрачность до нуля(то есть, прозрачная). И поставить у 3ей картинке 0% прозрачности(то есть, опять не прозрачная.
За ранее ОЧЕНЬ благодарен. Просто сам только учусь, а разбираться в скриптах(слайдах) уйдет много времени.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
сообщение 15.8.2010, 6:33; Ответить: InviS
Сообщение #4


Bucks, Я не совсем понял, что ты хочешь. Вот набросал примерчик небольшой галереи фоток. Смена по клику. Смотреть

К этому можно без труда прикрутить и setInterval. Было бы желание. Если что не так понял - напиши, подумаю =)

P.S. Весь код можно глянуть в .html файле. Там js, html и css :) Надеюсь, что поможет!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 19.8.2010, 16:57; Ответить: Bucks
Сообщение #5


Спасибо, инвиз.=) Картинки правда пошлые=)
Но то что я просил можно заменить обычной анимацией движения картинки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 19.8.2010, 17:03; Ответить: Bucks
Сообщение #6


Мне надо бы узнать, как сделать условие нажатие кнопки на див, чтобы воспроизводилось вот это
$("#j1").animate({top:"-=25px"},1000);
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 19.8.2010, 17:09; Ответить: Bucks
Сообщение #7


Попробовал так
$("div.button2").click(function(){
$("#buttona").animate({top:"-=25px"},1000);
$("#janr").animate({top:"-=25px"},1000);
})

Не получается
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 19.8.2010, 17:24; Ответить: Bucks
Сообщение #8


C дивом почему-то не выходит, зато получилось с ссылкой.
А как сделать так, чтобы если я нажал на ссылку и произошло действие, и повторно я не могу нажать ту же ссылку, чтобы произошло то же действие, пока не выполниться другой скрипт?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 19.8.2010, 17:26; Ответить: Bucks
Сообщение #9


Или лучше даже будет, чтобы скрипт выключился после действия(чтобы нельзя было его юзать), а другой скрипт включит 1ый.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bucks
Bucks
Topic Starter сообщение 19.8.2010, 17:57; Ответить: Bucks
Сообщение #10


Чтобы было понятней объясню получше.
Я нажимаю на слой, происходит анимация. После этого если нажму на этот же слой, то произойдет другая анимация.
Чтобы в общем получилось: 1-й клик картинка движется вверх, 2-ой клик картинка движется вниз, 3-й клик картинка движется вверх и т.д.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ищу верстальщика, есть анимация, макеты в Sketch
1 eduarddis 2725 14.3.2018, 15:48
автор: eduarddis
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыИллюстрации, видео ролики, 3D анимация, моделирование...
71 forts1961 13955 2.10.2017, 16:06
автор: forts1961
Открытая тема (нет новых ответов) Flash баннеры, анимация, меню
Приемлимые цены
17 Goblin01 10968 26.3.2015, 16:40
автор: Goblin01
Открытая тема (нет новых ответов) Заблудился в тегах и блоках. Анимация
1 Alfa-content 5597 18.3.2015, 11:04
автор: -Degradator-
Открытая тема (нет новых ответов) НадА: вэб анимация (баннеры, открытки), вэб-дизайн (редизаин сайта),
0 Валерий196 2250 24.5.2014, 19:51
автор: -Валерий196-


 



RSS Текстовая версия Сейчас: 18.4.2024, 6:08
Дизайн