2012-03-06 23 views
4

我需要像下面的图像格式的图像滑块。 enter image description herejquery图像滑块与矩形方向流

[为前,如果左箭头点击,则该项目将向左移动,进入底部方向。]

任何想法将是非常有益的。谢谢。

+0

嗨朋友,还有什么想法.. ?? – sathish 2012-03-08 06:16:41

+0

嗨。我决定做这件事很有意思。我将写jQuery插件做这件事。如果您能够等待,请通过邮件写信给我,明天我会给您发送链接。 (我希望这种类型的问题不会被共享体所认可,如果是这样的话,我会删除它) – 2013-03-25 05:18:42

+1

我有一个滑块插件,可以让你左右移动,它不会很难实现向上/如果你愿意的话。检查它在https://github.com/ozzyogkush/jquery.contentSlider – Derek 2013-03-29 14:42:31

回答

5

因为事实上,我喜欢这个主意,想测试自己创造的jQuery插件,我犯了一个名为插件光圈,可以查看和下载http://itsjoe.de/aperture/demo/

代码和GUI是不完美的。让我们看看你是否喜欢它。稍后可以实施改进。

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

+0

干得不错。你有没有在开源许可下发布它? – 2013-03-30 03:40:28

+0

是的。随意使用或改进。 – griffla 2013-03-30 15:33:32

+0

伟大的工作..当然,这将是非常有用的。 – sathish 2013-04-01 07:19:37

1

我建议寻找一些自定义编码,使用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 
    }); 
); 

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

+0

谢谢你的快速反应,我会尝试。 – sathish 2012-03-06 07:03:21