Ajuda com DRAG and DROP

[bernardweger]

Olá galerinha, na paz? Boa tarde!

 

Venho por meio deste tópico pedir uma ajuda aos senhores.

 

Estou desenvolvendo um sistema aonde possuem alguns tipos de variações de produto como cor, tamanho etc... e o produto possui 6 fotos

 

e gostaria de quando aparecer a variação por exemplo

 

cor: Verde

 

Foto1 - foto2 - foto3 - foto4 - foto5 - foto6

 

cor azul

 

Foto1 - foto2 - foto3 - foto4 - foto5 - foto6

 

eu gostaria de poder mudar essas fotos na pagina do html segurando e arrastando como é feito em alguns sites como Mercado Livre por exemplo.

 

ficando assim

 

cor: Verde

 

Foto1 - foto2 - foto3 - foto4 - foto5 - foto6

 

cor azul

 

Foto2- foto1 - foto3 - foto4 - foto5 - foto6

 

e claro depois preciso recuperar isso via PHP para inserir no banco de dados então precisaria que ele alterasse algum nome de um input por exemplo para que eu possa pegar por nome a ordem que está sendo enviada que no caso seria

array[0]

foto1 - foto2....etc

array[1]

Foto2- foto1 ....etc

 

gostaria de implantar neste trecho

for ($cont = 0; $cont < $contapictures; $cont++) {
   ?>
   <div draggable="true" style="margin-top:20px;width:10%;height:90px;float:left;border:1px solid #999;margin-right:2%;cursor:move" class="bradius">
   <img style="width:100%;height:90px;" src="<?php echo $idfotosexibe[$cont] ?>" class="bradius">
   </div>
   <?php
}

Desde já agradeço pela ajuda e por este forum que está sempre nos ajudando.

 

Obrigado

Bernard Weger