响应堆叠多图像滑块

时间:2015-04-30 20:23:24

标签: javascript jquery mobile slider responsive-slides

我希望执行以下操作:

有一个自动播放滑块,一次可以移动2张幻灯片。左/上幻灯片将包含div中的实时文本,右/下方将只是一个图像。当浏览器调整大小时,我希望左侧部分叠加在顶部。当它们滑动时,它们将由两个不同的幻灯片替换,设置方式完全相同。

是否有插件或jquery可以实现这一点?还是一个我可以操纵的简单的?

谢谢你, 霍尔达纳

1 个答案:

答案 0 :(得分:0)

你想要一个函数将它同时用于动画制作

    $(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 });
    });

然后您将使用css将您用作容器的div或span的宽度设置为百分比。所以它会自动调整大小试试90% 和它一起玩吧。当然,根据你的说法,你会想要改变实际的动画参数,使第一个Dom向上移动,第二个Dom向下移动....这应该是非常简单的...所以我觉得这有帮助!