带有矩形方向流的jQuery图像幻灯片

Question

我需要像以下图片格式一样的图像滑块。 [例如，如果单击左箭头，则项目将向左移动并向下移动。]

任何想法都会非常有帮助。谢谢。

- sathish

---

各位朋友，还有什么其他的想法吗？ - sathish

嗨。我决定这是一件有趣的事情。我打算编写一个jQuery插件来完成这个任务。如果你能等一下，给我发邮件，明天我会把链接发给你。（我希望这种问题不会被社区视为垃圾邮件。如果是，请告诉我，我会删除它） - Boris Zagoruiko

我有一个滑块插件，允许你向左或向右移动，如果你想要的话，实现上下移动也不难。请在 https://github.com/ozzyogkush/jquery.contentSlider 上查看。 - Derek

Answer 1

因为我喜欢这个想法，想要测试自己创建jQuery插件的能力，所以我制作了一个名为Aperture的插件，可以在http://itsjoe.de/aperture/demo/上查看和下载。

代码和GUI还不完美。看看你是否喜欢它。改进可以稍后实现。

GitHub：https://github.com/griffla/jQuery.Aperture。

- griffla

---

干得好。你已经在开源许可下发布了它吗？ - Abhijit Navale

是的，没错。请随意使用或改进。 - griffla

Answer 2

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

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

这只是一个非常简单的想法，可能有更好的方法来实现它

- solarise