چگونه جاوا اسکریپت ساده نمایش پرده ای

جاوا اسکریپت js نیز به عنوان زبان برنامه نویسی وب استفاده می شود به عناصر DOM (سند مدل شیء) است. فناوری کراس پلت فرم برای ارتباط برقرار کردن با اشیاء در HTML است. با دسترسی به اشیاء مختلف مختلف در HTML، شما حتی می تواند ساده جاوا اسکریپت نمایش اسلاید با خالص کد جاوا اسکریپت را درک کنند.

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

شما همچنین می تواند تبدیل به برنامه نویس جاوا اسکریپت پیشرفته با کدهای جاوا اسکریپت برای بهتر نمایش پرده ای جاوا اسکریپت را با یادگیری دوره جاوا اسکریپت در W3C.com گسترش. در حال حاضر چگونه به راه اندازی یک نمایش اسلاید جاوا اسکریپت ساده گام به گام را مشاهده کنید.

1 از JS نمونه کد نمایش پرده ای شروع کنید

بدون نیاز به نوشتن کد جاوا اسکریپت نمایش اسلاید از ابتدا وجود دارد. در اینجا این است که جاوا اسکریپت نمایش اسلاید نمونه (1 کیلوبایت, فایل های فشرده). دانلود و استخراج به کامپیوتر شما. ما به سادگی آن را متناسب با نیازهای خود را ویرایش خواهد کرد. شما می توانید تنها فایل جاوا اسکریپت نمایش به صورت اسلاید example.html دریافت کنید.

2 تغییر تصویر نام مسیر تصویر, js سرعت نمایش اسلاید

باز آن را با استفاده از ویرایشگر متن مورد علاقه خود را و آن را با توجه به یادداشت های موجود در فایل تغییر دهید.

• برای تغییر اسلاید مدت زمان رفتن به پارامتر slideShowspeed .
• بیشتر اضافه کردن تصاویر، فقط کپی و چسباندن عکس [0] = '1.jpg' خط و تغییر نام آرایه شماره و تصویر فایل correspondingly. اگر تصویر شما در یک پوشه قرار می گیرند مانند تصاویر، استفاده از مسیر مرتبط مانند عکس [0] = 'images/1.jpg'. شما همچنین می توانید آدرس مطلق تصویر اینجا استفاده کنید.

3 جاوا اسکریپت جاسازی تصاویر به صورت خودکار به صفحه وب

در حال حاضر صفحه وب مایلید جاسازی تصاویر به صورت خودکار جاوا اسکریپترا باز کنید. کپی و چسباندن برچسب کل < اسکریپت > به جای بین < سر > و < / سر >. سپس اجازه دهید صفحه شروع نمایش اسلاید جاوا اسکریپت خود را به زمانی که صفحه لود شده است با اضافه کردن onLoad="javaSlideShow()" نسبت به تگ < body >. در نهایت، جاوا اسکریپت در سمت راست صفحه ظاهر می شود را. برای انجام این کار, فقط با قرار دادن کد بین < جدول > و < / جدول > برچسب ها به جایی که باید باشد.

4 ذخیره و نمایش تصاویر به صورت خودکار جاوا اسکریپت

خوب، آن را ذخیره کنید و پیش نمایش. اگر همه چیز درست، شما ممکن است به جاوا اسکریپت نمایش به صورت اسلاید به عنوان این را مشاهده کنید.