Скриптовая анимация: прозрачность

     На пути разработки API для третьей версии своей галереи iLoad, мне пришлось писать несколько функций для анимации веб элементов. Одна из этих функций - функция программной анимации изменения прозрачности. В jQuery её существует аналог - группа функций fadein, fadeout.
     Итак, поподробнее: функция полностью кроссбраузерная и проверена в во всех основных браузерах . Я не стал мудрить с названиями и тоже назвал функция Fade.
     Возможности функции: изменение прозрачности с заданной в миллисекундах скоростью, выполнение заданного кода по прошествии анимации. Инициализация функции происходит так:
Code
<script>
fade(object,value,time,callback);
// Где object - анимируемый объект
// value - значение прозрачности от 0 до 100
// time - время выполнения в миллисекундах
// callback - код, выполняющийся после анимации

// Пример правильной инициализации:
fade(myDiv,50,300,function(){alert('Готово!');});
</script>
     Вот полный код функции:
Code
<script>
fade = function(obj,to,time,callback){
  var IE=/*@cc_on!@*/false;
  if(IE){
  from = obj.style.filter.replace(/.*opacity=([0-9]*).*/,'$1');  
  if(!from){from=100;}
  from=parseFloat(from);
  }
  else{
  var from=obj.style.opacity;
  if(from==''){from=1;}
  from=parseFloat(from);
  to=to/100;
  }
  var start = new Date().getTime();
  setTimeout(function(){
  var now=(new Date().getTime())-start;
  var progress=now/time;
  var result=(to-from)*progress+from;
  if(IE){obj.style.filter="alpha(opacity="+result+")";}
  else{obj.style.opacity=result;}
  if(progress<1){setTimeout(arguments.callee,10);}
  else{
  if(IE){obj.style.filter="alpha(opacity="+to+")";}
  else{obj.style.opacity=to;}
  if(callback){setTimeout(callback,0);}
  }},10);
  };
</script>
     А вот пример действия функции и всех её возможностей (пример находится в фрейме, адрес страницы фрейма Opacity.html):
     В примере вы можете видеть работу функции по моментальному изменению прозрачности, по изменению прозрачности с периодом выполнения - 300мс и работу параметра callback. Жду комментариев.

Жми на пятую!
24, 7, 6290
№7
[sayto]Aleko[/sayto], а ты не мог бы выложить на форуме скрипт: чтобы картинки были прозрачными(стандартно), а при наведении плавно принимали свой естественный цвет и были ссылками как баннеры(ну наоборот всмысле)=)
№6
[sayto]Timur[/sayto], да.
№5
[sayto]Aleko[/sayto], этот скрипт тоже самое, что у тебя на форуме: при наведении бочонки с зеленой краской, становятся красными?
№4
Извините За тупой вопрос но не подскажите как его установить?
просто сам искал этот скрипт и хочу поставить правда в укозе норм шарю но че то не догоняю куда
№3
[sayto]Severus[/sayto], отлично) спасибо.
№2
[sayto]nemo[/sayto], врятли. jQuery - всего лишь плагин к js, а js - клиентский язык, который для подобного не предназначен. Возможно используется лишь для каких либо нюансов но сам движок поиска построен на серверных языках.
№1
[sayto]nemo[/sayto], уговорил. IP с бана снял. Но будешь материться или флудить - забаню снова и найду способ вообще закрыть для тебя сайт.
    © Блог StudioAD.ru 2023 год нашей эры. Не все права защищены... Копирование любой информации и материалов с обратной ссылкой приветствуется! Хостинг от uCoz.

    Если вам пришлись по душе материалы моего блога - подпишитесь на RSS дабы получать обновления незамедлительно! Я рад что вы читаете и комментируете мои экзерсисы, приятного времяпрепровождения.