Drag and Drop Images

Drag and Drop Images

Move the images horizontally or vertically to any position, and a cookie stores the position.


jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid
jQuery Flexbox Drag and Drop Grid

<div class="container">
	<div class="row">
		<div class="col-12">
			<div class="masonry" id="sortable">
				<div id="ma_1">
					<sortable>
						<img class="img-responsive img-gallery img-masonry sortable" src="..." alt ="...">
					</sortable>
				</div>
				<div id="ma_2">
					<sortable>
						<img class="img-responsive img-gallery img-masonry sortable" src="..." alt ="...">
					</sortable>
				</div>
				<div id="ma_3">
					<sortable>
						<img class="img-responsive img-gallery img-masonry sortable" src="..." alt ="...">
					</sortable>
				</div>
				<div id="ma_4">
					<sortable>
						<img class="img-responsive img-gallery img-masonry sortable" src="..." alt ="...">
					</sortable>
				</div>
			</div>
		</div>
	</div>
</div>