• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

آموزش ساخت تصویر تصادفی لینک دار با JavaScript

ahmadfononi

معاونت انجمن
در این مطلب آموزش دهیم که چگونه تصویر تصادفی لینک دار را درست نمایید.

با استفاده از کد زیر شما هم میتوانید دارای یک تصویر تصادفی لینک دار به دلخواه خود باشید.

از کد زیر استفاده نمایید :

کد:
var images = [];
index = 0;
 
images[0] = "<a href='[URL]http://irp30.ir[/URL]'><img src='[URL]http://irp30.ir/wp-content/uploads/random-image-js.png[/URL]' alt=''></a>";
 
images[1] = "<a href='[URL]http://irp30.ir[/URL]'><img src='[URL]http://irp30.ir/wp-content/uploads/eid-ghadir.jpg[/URL]' alt=''></a>";
 
images[2] = "<a href='[URL]http://book.irp30.ir[/URL]'><img src='[URL]http://irp30.ir/wp-content/uploads/flip-an-image-css.png[/URL]' alt=''></a>";
 
index = Math.floor(Math.random() * images.length);
 
document.write(images[index]);

برای بیشتر کردن تعداد تصاویر کد اول را کپی کرده و به عدد یک رقم اضافه نمایید .

مانند :

کد:
var images = [];
index = 0;
 
images[0] = "<a href='[URL]http://irp30.ir[/URL]'><img src='[URL]http://irp30.ir/wp-content/uploads/random-image-js.png[/URL]' alt=''></a>";
 
images[1] = "<a href='[URL]http://irp30.ir[/URL]'><img src='[URL]http://irp30.ir/wp-content/uploads/eid-ghadir.jpg[/URL]' alt=''></a>";
 
images[2] = "<a href='[URL]http://book.irp30.ir[/URL]'><img src='[URL]http://irp30.ir/wp-content/uploads/flip-an-image-css.png[/URL]' alt=''></a>";
 
images[3] = "<a href='[URL]http://book.irp30.ir[/URL]'><img src='[URL]http://irp30.ir/wp-content/uploads/theme-persian-infrared.png[/URL]' alt=''></a>";
 
index = Math.floor(Math.random() * images.length);
 
document.write(images[index]);

[h=3]مشاهده نمونه منبع : آی آر کامپیوتر
 
بالا