Адаптивный слайдер укладка несколько изображений

Question

Я ищу сделать следующее:

У вас есть ползунок автоматического воспроизведения, который перемещает 2 слайдов одновременно. Левый/верхний слайд будет содержать живой текст внутри div, а правый/нижний будет просто изображением. Когда размер браузера изменится, я бы хотел, чтобы левая секция складывалась сверху. Когда они будут скользить, они будут заменены на два разных слайда, настроенных точно так же.

Есть ли подключаемый модуль или jquery, которые могли бы сделать это возможным? Или простой, с которым я мог бы манипулировать?

спасибо, Джордана

Answer 1

Вы будете хотеть функцию LKE это для оживляющей simulataneously

$(function() { 
     $("#first").animate({ 
      //youre animation here in the format of 
    width: '600px' 
     }, { duration: 200, queue: false }); 
     $("#second").animate({ 
     //if you want you can change several attributes at once such as 
width: '600px', 
height: '600px' 

     }, { duration: 200, queue: false }); 
    }); 

, а затем вы будете устанавливать ширину DIV или пролетом, что вы используете в качестве контейнера для в процентах, с css. поэтому он автоматически изменит размер 90% и поиграет с ним. конечно, из того, что вы сказали, вы захотите изменить фактические параметры анимации, чтобы сделать первый Dom вверх, а второй Dom для перемещения вниз ... это должно быть довольно просто ... так что я обручу это помогает!