Resim Yerlerini Random Değiştirme Yardım

Merhaba,

Kodlama bilgimin olmaması sebebi ile konu yanlış yerde ise affola.

Yapmak istediğim işlem 4 tane resim olacak sayfada f5 ile yenilediğimizde veya farklı girişlerde 4 resmin sıralaması random değişecek.

Aşağıda basit bir kod var. Örneğin yenileme olunca alt1 tagındaki resim 4.sırada gösterilecek vs random sürekli yerleri değişcek.

Bunu nasıl yapabilirim?

<center>

<a href="link ekle" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt1 tag" width="150" height="250"/></a>
<a href="link ekle" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt2 tag" width="150" height="250"/></a>
<a href="link ekle" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt3 tag" width="150" height="250"/></a>
<a href="linkekle	" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt4 tag" width="150" height="250"/></a>
<br>	
<a href="link ekle" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt tag" width="150" height="250"/></a>
<a href="link ekle" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt tag" width="150" height="250"/></a>
<a href="link ekle" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt tag" width="150" height="250"/></a>
<a href="link ekle" title="reklam"><img src="resimyolu" style="border:2px solid black"alt="alt tag" width="150" height="250"/></a>
<
</center>

Merhabalar,

https://stackoverflow.com/questions/...ze-a-each-loop

2. cevapta çok güzel şekilde ve basitçe anlatmış.

<script type="text/javascript">
var image = new Array ();
image[0] = "lib/images/1.jpg";
image[1] = "lib/images/2.jpg";
image[2] = "lib/images/3.jpg";
image[3] = "lib/images/4.jpg";
var size = image.length
var x = Math.floor(size*Math.random())
$('#random_img').attr('src',image[x]);
</script>

<img id='random_img'/>

İşini görür belki

Sanırım yapamadım. Denemelere devam ediyorum

Masonry Js bunu kendi içinde sağlıyordu sanırım