logo1398

با اعطای مدرک بین المللی سازمان فنی و حرفه ای

مرکز آموزش تخصصی و فوق تخصصی نصب و تعمیرات ماشین های اداری و سخت افزار کامپیوتر


ثبت نام  آنلاین    شهریه دوره ها 

ساخت بنرهای چرخشی با جاوا اسکریپ چیست ؟

با استفاده از javascript ، تصاویر خود را متحرک کنید. شما می توانید با استفاده از جاوا اسکریپ تصاویر را برروی صفحه خود با فاصله زمانی منظم جایگزین کنید. این موضوع زمانی که می خواهید از تصاویر یا سایر تصاویری که نمی توانید به صورت تصاویر متحرک gif استفاده شوند می تواند مفید باشد.
۱-معرفی ومثال
یک روش برای ایجاد تصویر متحرک این است که از فایل gifمتحرک استفاده کنید. این کار برای تصاویر ساده بسیار مناسب است اما زمانی که قصد دارید از تصاویر پیچیده در سلسله مراتب متحرک استفاده کنید چه اتفاقی خواهد افتاد؟؟؟
در پاسخ باید گفت که برای این منظور از توابع جاوا اسکریپت برای جایگزین سازی تصاویر در فاصله های زمانی منظم استفاده کنید. روشی که در آن می توانید تصاویری را که مایل به نمایش پشت سر هم آنها دارید در یک اندازه بهره ببرید ، از زمانی که این افکت برای جایگزینی بنرهای تبلیغاتی استفاده می شود، معمولا به عنوان اسکریپت بنر چرخشی ارجاع می گردد اما همانگونه که مشاهده خواهید کرد این افکت می تواند برای تصاویر مختلف با یک اندازه مشابه استفاده شود.
۲- اسکریپت
برای ساخت یک بنر چرخشی برای صفحه وب خود نیاز به کپی کردن اسکریپت زیرین و الصاق آن به انتهای بخش بدنه (body) صفحه خود دارید.
 (function()
setInterval(rotate,5000);
)();
کدهای به صورت پر رنگ نمایش داده شده باید دقیقا به همان صورتی که در مثال وجود دارد باقی بماند . در این مثال ۳ تصویر وجود دارد که در ۳ خط نمایش داده شده اند.
موضوع دیگری که نیاز به تغییر دارد سرعت نمایش تصاویر جایگزین است.در کد بالا ۵۰۰۰ یعنی ۵ ثانیه برای تاخیر بین تغییرات در نظر گرفته شده است .شما می توانید این زمان را بر حسب میلی ثانیه تغییر دهید.
آخرین موردی که باید تغییر دهید id مربوط به تصاویری است که می خواهید نمایش دهید . چرا که ممکن است از این کد چندین کپی در صفحات مختلف داشته باشید که باید آدرس و نام تصاویر را تغییر دهید .
پس از ایجاد کد خود شما می توانید آن را به صورت یک فایل جاوا اسکریپ خارجی ذخیره کنید . پس لینک آن را به انتهای بدنه صفحه وب خود با استفاده از کد زیرین برقرار نمایید.
<script type=”text/javascript” src=”img1.js”>
</script>
3-افزودن به صفحه خود
حال که تمامی کارها به خوبی انجام شد زمان آن فرارسیده  است که به صفحه وب خود اضافه کنید.
اولین تصویری که در صفحه کد شده نمایش داده می شود اولین تصویری است که در چرخه نیز نشان داده خواهد شد.
تنها تغییری که لازم است انجام دهید تغییر در id تصاویری است که اسکریپت بداند که تصاویر به روز رسانی شده اند کد مربوطه به تصویر نمونه به شرح ذیل می باشد:
<p align=”center”><img src=”graphics/pic1a.gif” width=”150″ height=”150″ border=”0″ alt=”Cycling banner images” id=”rollimg” /></p>

ستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعال
 

دوره های آموزشی ما

اطلاعات تماس

آدرس : تهران - میدان ولی عصر - مرکز تجارت ایرانیان - طبقه نهم - واحد پنج

ساعت کاری شرکت : 9 صبح تا 8 شب
کلاس های روز جمعه ویژه کارمندان و دوره های فشرده دایر میباشد 

phone325 3

04 92 92 88 -021

05 92 92 88 -021

91 14 847- 0912

92 14 847- 0912 

 آموزش شارژ کارتریج, اموزش شارژ کارتریج, آموزش شارژ کارتریج لیزری, آموزش شارژ کارتریج جوهر افشان, آموزش شارژ, آموزش شارز پرینتر, آموزش شارژ سامسونگ, آموزش شارژ اچ پی, آموزش شارژ کاتریج, اموزش شارژ کاتریج, آموزش شارژ کارتریج, اموزش شارژ کارتریج, آموزش شارژ کردن کارتریج, آموزش شارژ کارتریژ, آموزش شارژ کارتریج لیزری, آموزش شارژ کارتریج جوهر افشان, آموزش شارژ کارتریج پرینتر, آموزش شارژ کارتریج لیزری , آموزش شارژ کاتریج , آموزش شارژکاتریژ , آموزش شارژ انواع کارتریج , آموزش تخصصی شارژ کارتریج,آموزش شارژ پرینتر , تونر,کارتریج لیزری, آموزش تعمیرات فتوکپی,اموزش تعمیرات چاپگر,آموزش تعمیرات پرینتر,اموزش تعمیرات پرینتر, آموزش تعمیرات دستگاه کپی شارپ,آموزش تعمیر کپی آنالوگ و دیجیتال,آموزش تعمیرات دستگاه کپی ریکو,آموزش تعمیرات کپی آفیشیو,آموزش تعمیرات آنالوگ و دیجیتال,آموزش تعمیرات دستگاه کپی توشیبا آنالوگ و دیجیتال,آموزش تعمیرات دستگاه کپی,آموزش تعمیر دستگاه کپی و فتوکپی,آموزش تعمیرات کپی رنگی, دوره آموزشی,آموزش تعمیرات,آموزش تعمیرات فنی,آموزش خدمات,آموزش تعمیر,اموزش تعمیر,دوره های آموزشی,فنی کار,امید,رحمانی,امید رحمانی,دوره اموزش,اموزشگاه فنی,فنی و حرفه ای, آموزش الکترونیک, دوره آموزش الکترونیک, آموزش الکترونیک, الکترونیک پایه, آموزش الکترونیک تخصصی, طراحی برد الکترونیک،آموزش طراحی برد, مهندسی معکوس, آموزش مهندسی معکوس, آموزش الکترونیک مخصوص بازارکار, آموزش الکترونیک اس ام دی, آموزش الکترونیک smd, آموزش نقشه خوانی, آموزش کار با هیتر, الکترونیک, برق, طراحی, مدار, ای وی ار, ال ای دی, ابزار دقیق, پی ال سی, plc, اینورتر, inverter, منبع تغذیه, سوئیچینگ, رله, خازن, ماژول, smd, led, طراحی برد صنعتی, پروژه دانشگاهی, دوره تخصصی آموزش نصب دوربین مدار بسته,آموزش نصب دوربین مداربسته, دوره آموزش نصب دوربین مدار بسته,آموزش نصب دوربین های مداربسته, آموزش تخصصی نصب دوربین مدار بسته,آموزش دوربین مداربسته,آموزشگاه,آموزش,نصب, آموزش تعمیر انواع دوربین های مدار بسته,آموزش تعمیرات دوربین های مدار بسته,قوی ترین مرکز آموزش تعمیرات دوربین مخفی,بهترین مرکز آموزش تعمیر دوربین مخفی در تهران,قدرتمندترین مرکز آموزش تعمیر دوربین های مدار بسته,آموزش تعمیر تخصصی دوربین های مدار بسته