کد نمایش چند عکس در کنار هم

[falconeyes 6]

سلام
میخواستم بدونم در

CSS

چطور میتونم مثلا برای هدر ماژولم اول از یک عکس مثلا

img1

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

img2

رو بعدش بیآرم برای نمایش و بسط بدم؟

و بعدش بهمین صورت چطور میتونم برای پس زمینه سایت ابتدا یک تصویر رو برای
یک بار در ابتدا لود کنم و عکس بعدی رو در زیرش بصورت نا محدود تکرار کنم؟

و سوال دیگه و اینکه میتونم روی پس زمینه سایت از خاصیت گرادیانت استفاده کنم؟ و اگه آره آیا روی سرعت لود سایت تاثیر میذاره؟

ممنون

یا علی

[مصطفی صفرعلی 2,891]

با سلام
 
نقل قول : میخواستم بدونم درCSS چطور میتونم مثلا برای هدر ماژولم اول از یک عکس مثلا img1 در ابتدا استفاده کنم و بعد یک عکس دیگه رو مثلا img2 رو بعدش بیارم برای نمایش و بسط بدم؟

 

برای این منظور کافیست ابتدا تصویر وسط را تعریف کنید و سپس برای طرفین راست و چپ خاصیتهای after و before رو اضافه کنید و کدهاتون رو بنویسید

 

مثلا بصورت زیر

 

#myid {}
#myid:after {}
#myid:before {}

 

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

 

برای این مورد کافیست تا از خاصیت background-repeat استفاده کنید و یکی از مقادیر no-repeat یا repeat یا repeat-x یا repeat-y استفاده کنید

 

نقل قول : و سوال دیگه و اینکه میتونم روی پس زمینه سایت از خاصیت گرادیانت استفاده کنم؟ و اگه آره آیا روی سرعت لود سایت تاثیر میذاره؟

 

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

 

موفق و پیروز باشید

یا حق