efecto dado en jquery?

[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