Order photos with drag and drop and multi-select with Ctrl and Shift?

Asked Sep 01 '15 at 03:34

Active Sep 01 '15 at 03:53

Viewed 992 times

I've got a photo gallery and a grid of thumbnails. Is there a jQuery or JS package I can use to allow drag and drop sorting of the thumbnails?

Something similar to this:

http://demos.codexworld.com/dragdrop-image-reorder/

http://jqueryui.com/sortable/#display-grid

BUT I also require the ability to select multiple photos at once to sort. Ctrl + click to select individual images in aggregate, BUT also Shift + click to select all images between and inclusive of two images.

jQuery Selectable only supports Ctrl + click. There is nothing for Shift + click.

This looks promising:

https://github.com/shvetsgroup/jquery.multisortable

Any other recommendations or some kind of industry standard package that I might be unaware of?

edited Sep 01 '15 at 03:53

asked Sep 01 '15 at 03:34

fuzzybabybunny

5,146
6
32
58

possible duplicate of [jQuery UI sortable & selectable](http://stackoverflow.com/questions/3390786/jquery-ui-sortable-selectable) – Aguardientico Sep 01 '15 at 03:39
@Aguardientico not quite. That post is missing the Shift + click and Ctrl + click requirements. – fuzzybabybunny Sep 01 '15 at 03:42
Please review it. It has the Ctrl + click it is the work of "selectable" plugin – Aguardientico Sep 01 '15 at 03:43
There's no Shift + click. – fuzzybabybunny Sep 01 '15 at 03:44
You could develop `shift + click` function yourself by detecting `shift` button pressed and then add elements from start to end into selected group – Neo Sep 01 '15 at 04:05

Order photos with drag and drop and multi-select with Ctrl and Shift?

0 Answers0