جهت ورود به تالار گفتمان سایت کلیک کنید


اسلایدر عکس به صورت html5 و css3

طبیعتا تا سخن از اسلایدر عکس در وب سایت میشود , همه ی توسعه دهندگان وب یاد جاوا اسکریپت و یا jquery می افتند . اما چرا css3 نه ؟؟؟

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

در این آموزش هیچ گونه زبان دیگری استفاده نمیشود که باعث سبکی در کدنویسی میشود . ضمنا در صورت داشتن دانش در مورد html5 و css3 میتوانید به هر نحوی که دوست دارید , ویرایش نمایید .

اسلایدر عکس به صورت html5 و css3

و اما آموزش :

ابتدا در html کد زیر را وارد نمایید :

سپس کد های زیر را در css وب سایت خود قرار دهید :

نکته مهم : کد های بالا برای 5 عکس به صورت پیش فرض آماده شده است و بدیهی است در صورت کم کردن یا زیاد کردن عکس در html , باید تغییراتی در css انجام دهید .

دموی اسلاید به صورت آماده

دانلود دموی اسلاید

پخش اختصاصی

آموزش : وحید مجیدی

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (1 رای: 5٫00 از 5)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

    3 پاسخ به “اسلایدر عکس به صورت html5 و css3”

    1. bahram گفت:

      ممنون
      عالی بود
      تو سایتم استفاده کردم

    2. هادی عباسپور گفت:

      سلام خیلی خوب بود فقط برای 11 عکس باید چکارکنم لطفا توضیح بدین

      • وحید مجیدی گفت:

        باید براش animation در css بنویسید

        در اصل باید css3 بلد باشید

    پاسخی بگذارید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *