efecto dado en jquery?

[helacer]

Buenas

tengo 6 imagenes... requiero que al pulsar un botón se genere un efecto dado y quede visible una de las 6 fichas, simi lar a lo que hace un dado en la vida real..

"No requiero que sea en 3d lógicamente porque seria un código mas complejo pero que si se ve un efecto de que selecciono una imagen al azar"

Me pueden orientar o tienen un ejemplo de como hacerlo? Gracias

[Alexis88]

Puedes utilizar la función Math.random para elegir un valor al azar.

Código Javascript:

var boton = document.getElementById("id_boton"),
    imagenes = document.getElementsByTagName("img"),
    total = imagenes.length,
    forEach = Array.prototype.forEach;
 
boton.addEventListener("click", function(){
    var posicion = Math.floor(Math.random() * total);
    forEach.call(imagenes, function(imagen){
        imagen.style.display = imagen == imagenes[posicion] ? "block" : "none";
    });
}, false);
 

Cuando pulses el botón que asignas para elegir la imagen al azar, buscas un valor aleatorio entre 0 y 1, lo multiplicas por el total de imágenes y con Math.floor, obtienes el máximo entero menor o igual al resultado, luego, iteras sobre el conjunto de imágenes y en cada iteración verificas si la imagen es igual a la correspondiente con la posición obtenida, de serlo, la muestras, sino, la ocultas.



Saludos

[helacer]

gracias alexis si es mas o menos lo que necesito pero una pregunta es muy comlejo hacer el efecto de cambio de imagenes es decir que muestre aleatoriamente varias imagenes rapidamente y en determinado momento para en una al azar?


gracias

[Alexis88]

Claro, solo tendrías que realizar esto en un ciclo que dure un determinado tiempo, digamos 3 segundos, con una variable controlas el tiempo y cuando llegue a los 3 segundos, lo detienes y se muestra la última imagen que haya salido sorteada.



Saludos

[helacer]

Alexis...excelente era precisamente eso lo que necesitaba lo estudiare y lo implementare en mi desarrollo..Muchas gracias