An ajaxed-in page -- ajax.htm, occupying <div id="ajaxgoes here"></div> -- 

has a series of images, z-indexed, and set to "display:none":

<img class="nun" id="#img1" src="folder/img1.png">

<img class="nun" id="#img1" src="folder/img1.png">

<img class="nun" id="#img1" src="folder/img1.png">

How to randomly show one of these images? 

something like

showOne() {

// var ids = [ '#img1', '#img2', '#img1' ];

// or

// var imgs = [ 'img1.png', 'img2.png', 'img1.png' ];

/ /$("??'+ ??[Math.floor(Math.random() * ??.length)] + ' ").fadeIn(1200);

}

Wake up tomorrow and the penny may have dropped. Meanwhile, help appreciated.

cheers