Как сделать плавное обновление блока погружаемого Ajax'ом?

Question

[Игорь Че]

Есть у меня блок, внешне типа слайдера, в котором загружен только один элемент, и при пролистывании Ajax'ом подгружается следующий и так далее. Проблема с том что содержимое разной произвольной высоты, хотелось бы обновлять содержимое плавно.
Я хотел сделать это просто на CSS, добавить transition, но во первых прицепиться не к чему, во вторых изменять собственно нечего, т.к. нет двух состояний, между которыми можно было бы сделать переход.
Может стоит сделать скрипт на jquery, который будет определять высоту блока и прописывать ее в css? Тогда можно будет плавно менять высоту через css.
В сам Ajax лезть не вариант, т.к. использую то что есть из коробки в Drupal, и что-то менять в этом месте целое дело.

Comments

[Roman]

> Может стоит сделать скрипт на jquery, который будет определять высоту блока и прописывать ее в css
this

> В сам Ajax лезть не вариант
Но наверное придется, ведь нужно же будет в коллбеке высоту определять загруженного блока

[Roman]

Если конечно у самого слайдера нет события, вызываемого перед перелистыванием на следующий слайд. Обычно такое есть, у bxSlider это onSlideBefore, к примеру.

[Игорь Че]

Это не совсем слайдер. У меня показывается только один элемент и пейджер вперед/назад, который обновляет содержимое.

Answer 1

[Andrzej Wielski]

А чем не устраивает fadeIn / fadeOut?

Comments

[Игорь Че]

А к чему его прицепить? К родительскому блоку, или самому обновляемому блоку? И на какое событие?

[Andrzej Wielski]

Игорь Че: К блоку контента.
Подгрузили - скрываем блок контента, в коллбэке заменяем контент, показываем снова.

Answer 2

[seriogja]

Здравствуйте!

По описанию все очень похоже на обычный слайдер контента. Возможно вам стоит через него реализовать свою задачу. Для этого еть отличный плагин owlcarousel/

• Для произвольной высоты
  
• Для подгрузки контента