reCAPTCHA

[guest-user 0]

Alguém sabe como posso estar movimentando essa Quadro aonde mostra as imagens da reCAPTCHA ?

 

[guest-user 0]

Como faço isso ?

[TutiJapa 2]

Você monta cada quadrado com uma div e dentro da div a img. cada div/img tem id númerico de ordem 1 , 2 , 3 ,4 ,5
depois que você quiser fazer uma mistura você usa uma shuffle array junto com um for em javascript ele vai bagunçar as imagens...

[L. Henrique 179]

Movimentando exemplo? Trocando ele de lugar num CSS ou permitindo que o usuário clique e arraste?

Se for pra usar CSS, é só usar propriedades como left, top, bottom, right, float, margin, padding, etc... Mas se for pro usuário clicar e arrastar e colocar no canto que ele quiser, você pode criar um javascript/jq pra isso. Segue um exemplo:

$(document).ready(function() {
   var click = false,
       left = null,
       top = null

   $(document).bind('mousemove', function(e){
      if ( click == true ) {
         $('#id_da_sua_div').css({
            left: e.pageX - left,
            top: e.pageY - top
         });
      }
   });

   $('#id_da_sua_div').draggable().click(function(e) {
      left: e.pageX - $('#id_da_sua_div').position.left;
      top: e.pageY - $('#id_da_sua_div').position.top;
      click = !click;
      return false;
   });

   $('html').click(function() {
      click = false;
   });
});