نمادها

شما اینجا هستید

اسلاید شو

با آموزش ساخت اسلاید شو در خدمت شما هستیم.

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

سلام برنامه در نظر گرفت ساخت یک اسلاید شو با html و css را به شما آموزش دهد.

از مزیت هاس اسلایدر دستی این است که می توان با همه قالب ها آن را هماهنگ گرد

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

برای ساخت ابتدا شروع می کنیم به زدن کد html:

در کد بالا در div با کلاس mySlides ما تصاویر خود را قرار می دهیم.

در کلاس numbertext  شماره هر صفحه و در کلاس text نوشته زیر عکس

برای اجرا شدن دستورات بالا به صورت افکتی نیاز به جاوا اسکریپت داریم که کد های زیر می باشند:

و در نهایت برای ظاهر سازی و زیبایی کار می توانید از دستورات css زیر استفاده کنید: