Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
具有矩形方向流的jquery图像滑块_Jquery_Jquery Plugins - Fatal编程技术网

具有矩形方向流的jquery图像滑块

具有矩形方向流的jquery图像滑块,jquery,jquery-plugins,Jquery,Jquery Plugins,我需要像下面的图像格式的图像滑块 [例如,如果单击左箭头,则项目将向左移动并向下移动。] 任何想法都会很有帮助。谢谢。我建议使用jQuery动画功能研究一些自定义编码。您可以根据“队列”中的特定位置执行特定动画,例如: $(“.arrow”)。单击(函数(){ $(“.box”)。每个(函数(){ var i=$(this).index();//获取框在框列表中的位置 如果(i==0){//第一个框 //设置动画,向下移动并移除长方体 }else如果(i==1){ //设置动画,向下移动 }否则

我需要像下面的图像格式的图像滑块

[例如,如果单击左箭头,则项目将向左移动并向下移动。]


任何想法都会很有帮助。谢谢。

我建议使用jQuery动画功能研究一些自定义编码。您可以根据“队列”中的特定位置执行特定动画,例如:

$(“.arrow”)。单击(函数(){
$(“.box”)。每个(函数(){
var i=$(this).index();//获取框在框列表中的位置
如果(i==0){//第一个框
//设置动画,向下移动并移除长方体
}else如果(i==1){
//设置动画,向下移动

}否则,如果(i>1&&i因为我喜欢这个想法并想在创建jquery插件时测试自己,我制作了一个名为Aperture的插件,可以在

代码和gui还不完善。让我们看看您是否喜欢它。改进可以在以后实施


Github:

朋友们,还有什么想法吗?…嗨。我觉得这是一件有趣的事情。我将编写jquery插件来实现这一点。如果您能等待,请通过邮件给我写信,我明天将向您发送链接。(我希望communite不会将此类问题视为spum。如果这样,我将删除它)我有一个滑块插件,可以让你向左或向右移动,如果你愿意的话,向上/向下实现并不困难。请在“好工作”网站上查看。你是否在开源许可下发布了它?是的。请随意使用或改进。
$(".arrow").click(function(){
  $(".boxes").each(function(){
    var i = $(this).index(); //get position of box in list of boxes
    if(i == 0){ //first box
      //animate, move down and remove box
    } else if(i == 1) {
      //animate, move down
    } else if(i > 1 && i <= 4) {
      //animate, move left
    } else if(i == 5) {
      //animate, move up
    }
    //create another box to appear on the right and move up
  });
);