اگر قصد دارید چند عکس مختلف یا چند جمله مختف و یا چند عکس همراه با لینک در صفحه نمایش دهید، یکی از راه‌های سمت کلاینت، استفاده از جاوااسکریپت است.
ابتدا چند عکس مختلف در یک پوشه در نظر بگیرید.
به کدهای زیر دقت کنید:
<script type="text/javascript">
var texts = new Array() texts[1] = "any code here" texts[2] = "any code here"
texts[3] = "any code here" texts[4] = "any code here"
var ry = Math.floor(Math.random() * texts.length) if (ry == 0) { ry = 1 } document.write(texts[ry]);
</script>
به جای any code here هر کد HTMLی که مورد نظرتان بود می‌توانید بنویسید. (فقط در بین کدهای اچ.تی.ام.ال، از ' استفاده کنید و نه ")
پس از کامل کردن، کد، آن‌را هر کجای صفحه بگذارید، همان‌جا یکی از 4 کد را نمایش خواهد داد.
در حقیقت ما یک آرایه در نظر گرفته‌ایم و در هر خانه یک قطعه کد HTML ذخیره کرده‌ایم. حالا با یک تابع یکی از خانه‌ها را به صورت رندوم انتخاب می‌کنیم و نمایش می‌دهیم.
ما 4 خانه ساخته‌ایم، شما می‌توانید کد را تا هر چند خانه که خواستید ادامه دهید.
مثال نهایی:
<script type="text/javascript">
var texts = new Array() texts[1] = "<a href='http://aftab.cc/shop' target='_blank'><img src='http://ads.aftab.cc/top/how_it_s_made.jpg' /></a>" texts[2] = "<a href='http://aftab.cc' target='_blank'><img src='http://ads.aftab.cc/top/efu_right.jpg' /></a>"
texts[3] = "<a href='http://aftab.cc/shop' target='_blank'><img src='http://ads.aftab.cc/top/shop_english.png' /></a>" texts[4] = "<a href='http://aftab.cc' target='_blank'><img src='http://ads.aftab.cc/top/top_notch_right.png' /></a>"
texts[5] = "<a href='http://aftab.cc' target='_blank'><img src='http://ads.aftab.cc/top/top_notch.png' /></a>"
var ry = Math.floor(Math.random() * texts.length) if (ry == 0) { ry = 1 } document.write(texts[ry]);
</script>
English
العربی
Swedish
François