jquery圖像滑塊與矩形方向流

我需要像下面的圖像格式的圖像滑塊。 enter image description here jquery圖像滑塊與矩形方向流

[爲前，如果左箭頭點擊，則該項目將向左移動，進入底部方向。]

任何想法將是非常有益的。謝謝。

來源

2012-03-06 sathish

嗨朋友，還有什麼想法.. ?? – sathish 2012-03-08 06:16:41

嗨。我決定做這件事很有意思。我將寫jQuery插件做這件事。如果您能夠等待，請通過郵件寫信給我，明天我會給您發送鏈接。（我希望這種類型的問題不會被共享體所認可，如果是這樣的話，我會刪除它） – 2013-03-25 05:18:42

我有一個滑塊插件，可以讓你左右移動，它不會很難實現向上/如果你願意的話。檢查它在https://github.com/ozzyogkush/jquery.contentSlider – Derek 2013-03-29 14:42:31

因爲事實上，我喜歡這個主意，想測試自己創造的jQuery插件，我犯了一個名爲插件光圈，可以查看和下載http://itsjoe.de/aperture/demo/

代碼和GUI是不完美的。讓我們看看你是否喜歡它。稍後可以實施改進。

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

來源

2013-03-29 18:17:04 griffla

幹得不錯。你有沒有在開源許可下發布它？ – 2013-03-30 03:40:28

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

偉大的工作..當然，這將是非常有用的。 – sathish 2013-04-01 07:19:37

我建議尋找一些自定義編碼，使用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 
    }); 
);

這只是一個很簡單的想法，有可能是更好的方法來做到這一點

來源

2012-03-06 06:59:52 solarise

謝謝你的快速反應，我會嘗試。 – sathish 2012-03-06 07:03:21

jquery圖像滑塊與矩形方向流

回答

相關問題