تغییرات در فایل html بکگراند تصویر

سوال

سلام
وقت بخیر
یه کد از html دارم که بکگراند قرار میده در وبسایت و بخوبی کار می کنه…
حالا اگر بخوام بهش بگم این تعداد فایل در این فولدر رو با هر بار ریلود پیج، در بکگراند قرار بده چه چیزی رو باید اضافه کنم بهش…
این کد HTML :

این هم کد CSS:

تشکر

حل شد 0
۱۳۹۸/۱/۵ ۱۴:۴۲:۱۸ 4 پاسخ کاربر تازه 0

پاسخ ها ( 4 )

    0
    ۱۳۹۸/۱/۵ ۲۰:۲۹:۵۷

    سلام

    متوجه منظورتون نشدم، شفاف تر بیان کنید

      0
      ۱۳۹۸/۱/۶ ۸:۰۷:۱۶

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

      البته توسط ۲ تا کد بالا که یه html است و دیگری css که این کار انجام دادم و تصویر رو بصورت تمام صفحه و رسپانسیو در بکگراند قرار داده

      حالا می خوام ببینم ، میشه تکه کد دیگری اضافه کرد که ، تصاویر متعددی رو از داخل پوشه image بگیره و با هر لود صفحه، اتومات تعویض کنه.

      مانند پیج سایت بانک ملی که هر بار که به این صفحه وارد میشید، یه تصویر قرار می گیره برای بکگراند

       

      https://my.bmi.ir/portalserver/signin

    0
    ۱۳۹۸/۱/۶ ۹:۳۰:۴۵

    برای این کار دوست عزیز هم میتونید از PHP و هم از Jquery استفاده کنید

    و از اونجایی که صفحه HTML دارید، کد جی کوئری رو براتون قرار میدم که استفاده کنید:

    • یک پوشه بسازید به اسم img و تصاویرتون رو داخلش قرار بدید.
    • نام گزاری تصاویر باید از ۱ شروع بشه به بالا.

    سپس هر تعداد تصویر که دارید، در خط ۶ ، تعداد تصاویر رو وارد کنید.

    سورس کد را دانلود کنید تا بهتر متوجه بشید.

    موفق باشید.

    0
    ۱۳۹۸/۱/۶ ۱۰:۴۶:۱۰

    ممنون

    درست شد

    اما چطور بیام یکاری کنم که از css هم تبعیت کنه

    یعنی :

    ۱- تصاویر وسط در وسط و  در کل صفحه ( ( دسکتاپ و موبایل) مثل نمونه قبلی که کدش رو قرار دادم)

    ۲- ریسپانسیو باشند ( ( دسکتاپ و موبایل) مثل نمونه قبلی که کدش رو قرار دادم)

    ۳- تکرار نشند تو صفحه ( ( دسکتاپ و موبایل) مثل نمونه قبلی که کدش رو قرار دادم)

    0
    ۱۳۹۸/۱/۶ ۱۱:۵۱:۵۲

    شما مثل کد HTML که یه تگ <style> باز میکنید و شروع به نوشتن Css میکنید، در اینجا هم همونه؛ تغییری نکرده(فقط ما برای اینکه با هر بار رفرش صفحه یک عکس به عنوان پس زمینه قرار بگیره، از جی کوئری استفاده کردیم)

    من همون کدهای css که شما نوشته بودید، در فایل بالا نوشتم

    بهترین پاسخ

ارسال یک پاسخ