سفارش تبلیغ
صبا ویژن

ساخت سیستم نمایش تصویر تصادفی به صورت آسان

 

در بعضی از وبسایت ها دیده میشود که سیستم نمایش تصویر تصادفی وجود دارد.یعنی هر باز که صفحه لود میشود در یک مکان مشخص یک تصویر که با تصویر دفعه قبل متفاوت است ایجاد میشود. این سیستم حتی برای مدیریت تبلیغات نیر موثر است.مثلا شما میتوانید یک سیستم تبادل بنر یا لوگو ایجاد کنید و آن را در اینترنت گسترش دهید. بسیاری از وبمستر ها توانایی ساخت همچنین ابزاری را ندارند و اکثر وبلاگنویسان نیز ساخت چنین چیزی برای خودشان را کاری غیر ممکن میدانند.البته به وسیله PHP نیز ساخت این سیستم امکان پذیر است اما کد ارائه شده در وب پژواک راهکار جدیدی را در اختیار میگذارد.با تشکر از نویسنده این مطلب سعی بر آن داریم که به طور مفصل و آسان این کد را ویرایش نماییم و برای استفاده آماده کنیم، طوری که ابتدایی ترین وبلاگ نویسان و وبمستر ها از آن سر در بیاورند.

 استفاده از این مقاله ساده شما براحتی میتوانید یک سیستم تصویر تصادفی ایجاد نمایید.حتی اگر وبلاگ داشته باشد.اگر فکر میکنید این مقاله دور از اطلاعات شماست سخت در اشتباه هستید به قدری توضیح داده شده است که حتی ابتدایی ترین وبلاگنویسان هم متوجه خواهند شد.

به این کد جاوا دقت کنید :

<script language="Javascript">
<!-- Begin
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="description-down";
url="Link";
alt="description of pic";
banner="address of pic";
width="468";
height="60";
}
if (ad==2) {
txt="description-down";
url="Link";
alt="description of pic";
banner="address of pic";
width="468";
height="60";
}


document.write("<center>");
document.write("<a href=\"" + url + "\" target=\"_top\">");
document.write("<img src=\"" + banner + "\" width=")
document.write(width + " height=" + height + " ");
document.write("alt=\"" + alt + "\" border=0><br>");
document.write("<small>" + txt + "</small></a>");
document.write("</center>");
// End -->
</SCRIPT>

حال باید جایگزین های زیر را انجام دهید.

در قسمت var how_many_ads = 2; به جای عدد ? عدد تعداد تصاویر را وارد نمایید.

در ابتدای کد هر تصویر شماره آن درج شده است، مثلا برای تصویر اول عبارت if (ad==1) و برای عبارت تصویر دوم if (ad==1)

. به همین ترتیب اگر میخواهید تصاویر دیگری اضافه نمایید مطابق کد های موجود کد هر تصویر را اضافه نمایید و شماره آن را وارد نمایید. یعنی مثلا برای ایجاد تصویر سوم ابتدا if (ad==3) را وارد کنید سپس کد مربوط به آن را میان دو {} قرار دهید. مثلا :

if (ad==?) {
txt="description-down";
url="Link";
alt="description of pic";
banner="address of pic";
width="468";
height="60";
}


بحای description-down هر تصویر توضیحاتی که میخواهید زیر آن بیاید را بنویسید

بجای description of pic توضیحاتی که با رفتن موس روی تصویر پدید خواهد آمد را بنویسید.

بجای address of pic آدرس هر تصویر را بنویسید.

 دو بخش width و height مربوط به طول عرض تصویر موردنظر می‌باشند که باید مطابق طول و عرض تصویر خود آن را تنظیم نمایید. width عرض و دیگری طول میباشد.

به همین سادگی شما یک سیستم تصویر تصادفی ایجاد نموده اید. این کد را در هر قسمتی از وبلاگ یا وب سایتتان که میدانید مناسب است قرار دهید. ( ویرایش قالب )