fadein слева анимировать jquery

#jquery #jquery-animate

#jquery #jquery-анимировать

Вопрос:

оригинал :

          $('#' d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing'); 

    $('#' d[i].id).('opacity', 0).stop().animate({left:((i-pos)*1000)},1000,'swing',{'opacity': 1}, 1000);
  

как мне увеличить и сдвинуть графику…слева (скольжение графики происходит, но не затухает….

Спасибо

Ответ №1:

Вы пробовали добавлять .css в свой код?

В настоящее время у вас есть:

 $('#' d[i].id).('opacity', 0).stop().animate({left:((i-pos)*1000)},1000,'swing',{'opacity': 1}, 1000);
  

Попробуйте это:

 $('#' d[i].id).css('opacity', 0).stop().animate({left:((i-pos)*1000)},1000,'swing',{'opacity': 1}, 1000);
  

Что касается их обоих одновременно:

 $('#' d[i].id).css('opacity', 0).stop().animate({left:((i-pos)*1000, opacity: 1},1000,'swing');
  

Комментарии:

1. по сути, это работает, хотя эффект немного вводит в заблуждение, потому что исходящее изображение и исходящее изображение оба исчезают для исходящего изображения: прозрачность 1 — непрозрачность 0 — непрозрачность 1 и непрозрачность исходного изображения 0 — непрозрачность -1 … спасибо любыми способами…

2. @andy Да, я подумал, что финальное событие будет не совсем тем, что вам нужно, но я уверен, вы знаете, как доработать его в соответствии с вашим желанием.

Ответ №2:

Вы можете анимировать несколько свойств одновременно:

 .animate({left:(i-pos)*1000,opacity:1}, 1000, 'swing')