Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.05.2013, 09:57   #1
PadrivNICK
Пользователь
 
Аватар для PadrivNICK
 
Регистрация: 27.10.2012
Сообщений: 37
Восклицание Визyальные эффекты

Помогите пожалyста написать сценарий, реализующий следующий визуальный эффект: одно изображение начинает исчезать, одновременно проявляется другое изображение
PadrivNICK вне форума Ответить с цитированием
Старый 16.05.2013, 13:05   #2
Cronos20
Форумчанин
 
Регистрация: 08.07.2010
Сообщений: 679
По умолчанию

Берете jquery -> используете fadeIn() и fadeOut()
Cronos20 вне форума Ответить с цитированием
Старый 16.05.2013, 14:08   #3
PadrivNICK
Пользователь
 
Аватар для PadrivNICK
 
Регистрация: 27.10.2012
Сообщений: 37
По умолчанию

Я таких не знаю, а можно код расписать?
PadrivNICK вне форума Ответить с цитированием
Старый 16.05.2013, 15:25   #4
_SanR
Пользователь
 
Регистрация: 09.02.2013
Сообщений: 48
По умолчанию

У тебя есть 2 img, одно из них скрыто:
Код:
<img id = "1" src="1.jpg" width="400px" height="300px" />
<img id = "2" src="2.jpg" width="400px" height="300px" style="display:none" />
Скачиваешь jquery в папку с твоей .html и подключаешь в .html:
Код:
<script type="text/javascript" src="jquery 2.0.js"></script>
Берешь изображения и делаешь fadeIn fadeOut:
Код:
var img1 = $('#1');
var img2 = $('#2');		
img1.fadeOut(3000, function(){				
	img2.fadeIn(3000); // img2 появляется после скрытия img1
});
Если хочешь чтобы все проходило одновременно пишешь так:
Код:
var img1 = $('#1');
var img2 = $('#2');		
img1.fadeOut(3000);
img2.fadeIn(3000);
Ну и на последок ссылки:
http://jquery.com/download/ - jQuery
http://jquery-docs.ru/effects/fadein/ - fadeIn
http://jquery-docs.ru/effects/fadeout/ - fadeOut

http://ruseller.com/lessons.php?rub=32 - много хороших расписанных примеров по использованию jQuery для начинающих, чтобы разобраться что к чему там.
Вложения
Тип файла: rar image.rar (1.51 Мб, 8 просмотров)

Последний раз редактировалось _SanR; 16.05.2013 в 15:27.
_SanR вне форума Ответить с цитированием
Старый 16.05.2013, 15:49   #5
PadrivNICK
Пользователь
 
Аватар для PadrivNICK
 
Регистрация: 27.10.2012
Сообщений: 37
По умолчанию

img2.fadeIn(3000); // img2 появляется после скрытия img1
});

// img2 появляется одновременно со скрытием img1(если нужно раскоментить)
//img2.fadeIn(3000);

нyжно одновременно,
PadrivNICK вне форума Ответить с цитированием
Старый 16.05.2013, 16:11   #6
PadrivNICK
Пользователь
 
Аватар для PadrivNICK
 
Регистрация: 27.10.2012
Сообщений: 37
По умолчанию

Все догнал. Спасибо опять большое!!!!!
PadrivNICK вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Эффекты в OpenGL ZotaC Gamedev - cоздание игр: Unity, OpenGL, DirectX 63 11.04.2016 20:34
Звуковые эффекты С++ Voxa7 Помощь студентам 0 28.03.2011 18:31
эффекты перехода Наки Мультимедиа в Delphi 8 04.11.2010 13:39
Эффекты окон BOBAH13 Мультимедиа в Delphi 1 03.10.2008 08:49
Эффекты картинок Andrey1433 PHP 1 17.03.2008 02:07