jquery图像滑块，矩形方向流

Question

我需要图片滑块，如下图所示。

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

任何想法都会有所帮助。感谢。

Answer 1

由于我喜欢这个想法并希望在创建jquery插件时测试自己，我创建了一个名为Aperture的插件，可以在http://itsjoe.de/aperture/demo/查看和下载

Code和gui还不完美。让我们看看你是否喜欢它。改进可以在以后实施。

Github：https://github.com/griffla/jQuery.Aperture

Answer 2

我建议使用jQuery animate函数查看一些自定义编码。您可以根据“队列”中的框特定位置执行特定的动画，例如

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

这只是一个非常简单的想法，可能有更好的方法来做到这一点