تبلیغات تبلیغات در مطلب قبلی آموختید که چگونه یک سیستم نمایش تصادفی تصاویر با استفاده از PHP بسازید. در این مطلب یک راه سادهتر با استفاده از جاوااسکریپت به شما آموزش خواهم داد که برای سیستمهای تبلیغاتی بسیار مناسب است.
در جایی از صفحه که میخواهید تصاویر تصادفی را در آنجا به نمایش درآورید، کدهای زیر را قرار دهید:
<SCRIPT LANGUAGE="JavaScript">
<!--Total Java Scripts 99 - Next Step Software-->
<!-- 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="Your Description";
url="Link";
alt="Image Description";
banner="Image Address";
width="468";
height="60";
}
if (ad==2) {
txt="Your Description";
url="Link";
alt="Image Description";
banner="Image Address";
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 انتخاب کردهام. اگر شما بیش از دو تصویر دارید، تعداد آنها را جایگزین عدد 2 کنید. در ابتدای کد هر تصویر، (مثلا برای تصویر اول) عبارت if (ad==1) درج شده است. برای تصویر دوم، عبارت if (ad==2) و... اگر بیش از دو تصویر دارید، باید برای هرکدام در ابتدا عبارت را نوشته و شماره تصویر را جایگزین عدد کند. مثلا برای تصویر شمارهی 3، بنویسید: if (ad==3) و سپس کدهای مربوط به آن تصویر را داخل {} قرار دهید.
به جای Your Description توضیحی در مورد تصویر بنویسید که در زیر تصویر به نمایش در میآید.
به جای Link آدرسی که با کلیک کردن روی تصویر مرورگر به آن آدرس برود را بنویسید.
به جای Image Description توضیحی در مورد تصویر بنویسید که با رفتن نشانگر ماوس روی تصویر، به نمایش درآید.
به جای Image Address نشانی تصویر موردنظر (که طبیعتا باید روی وب باشد) را قرار دهید.
دو بخش width و height مربوط به طول عرض تصویر موردنظر میباشند که باید مطابق طول و عرض تصویر خود آن را تنظیم نمایید.
توجه: توضیح زیر تصویر (که آن هم به صفحهی موردنظر لینک است) مطابق با CSS صفحهی خودتان به نمایش در میآید.
امروز هم یك كد توپ بهتون میدم . این رو من حدود نیم ساعت باش ور رفتم تا به این شكل زیبا برای شما عزیزان آمادش كنم . با قرار دادن كد زیر در وب خودتون ماشین حساب پایینی رو در وبتون داشته باشید .
موفق و پیروز باشید .
با قرار دادن این كد در وبلاگتون ، در هنگام باز شدن وبلاگ یك پنجره ی دیگه باهاش باز میشه . من این كد رو براتون آماده كردم . پنجره ای كه با باز شدن وبلاگ ظاهر میشه به شكل زیره :
كدش رو هم می تونید از زیر بردارید :
این هم کد باز شدن پنجره در هنگام خروج از صفحه ( پنجره ی خداحافظی ) . این پنجره زمانی باز میشه كه بازدید كننده از وب یا از صفحه خارج بشه كه نمایش این پنجره به شكل زیره :
كدش رو هم می تونید از زیر بردارید :
