فوری css

[billgivz]

سلام به همه اگه من داخل دو تا از کلاس مربوط به css یک تصویر مشابه لود کنم مثل پایین

دو بار این تصویر از سرور خونده میشه یا فقط یک بار ؟

در کل منظورم اینه این کار سرعت رو پایین نمیاره راهی است یک جا تصویر رو لود کنم بعد داخل این دو تا کلاس اون رو صدا بزنم ؟

لطفا با ذکر مثال .

#staff_record_pic{
background-image:url(../../image/site/panel_admin_control.gif);
background-position:140px 0px;
width:66px;
height:60px;
}

#staff_mail_pic{
background-image:url(../../image/site/panel_admin_control.gif);
background-position:66px 0px;
width:66px;
height:60px;
}

[mohsen_Iran]

سلام
می تونید برای این عکس یک کلاس در نظر بگیرید و هر جا که خواستید اونو صدا بزنید و بقیه کارهای کلاس رو توی کلاس های دیگه انجام بدید و موقع نسبت دادن دو کلاس به المان نسبت بدهید
البته این دوتایی که شما نوشتید در اصل کلاس نیستند و براساس id تگ می باشد نه براساس کلاس.
به عنوان مثال شما میتونید این کارو انجام بدید

.photo
{
background-image:url(../../image/site/panel_admin_control.gif);
}
و برای قالب بندی المان هم اینو:


#staff_record_pic{
background-position:140px 0px;
width:66px;
height:60px;
}

و در کد html هم به عنوان مثال

<div id="staff_record_pic" class="photo"> </div>

[billgivz]

از جوابتون ممنون ولی امکان داره یک تگ دیو کلاس های و آدی های دیگری هم داشته باشه به غیر از این روش روشی دیگر رو سراغ ندارید ؟

اصلا روشی که من می نویسم سرعت رو پایین میاره یا نه ؟

منظورم اینه در کد خودم دو بار عکس از سرور خونده میشه یا نه ؟

[pashaie]

دیو کلاس های و آدی های دیگری هم داشته باشه
کلاس بله ولی آی دی فقط یکی اون باید منحصر به فرد باشه


<div class="photo class2 class3 class4" >


به غیر از این روش روشی دیگر رو سراغ ندارید ؟
روش دیگه اینه که استایل های مشترک رو با هم بنویسید:



#staff_mail_pic,#staff_record_pic
{
background-image:url(../../image/site/panel_admin_control.gif);
width:66px;
height:60px;
}

#staff_record_pic{
background-position:140px 0px;
}
#staff_mail_pic{
background-position:66px 0px;
}



اصلا روشی که من می نویسم سرعت رو پایین میاره یا نه ؟
منظورم اینه در کد خودم دو بار عکس از سرور خونده میشه یا نه ؟
فکر نکنم از نظر سرعت مشکلی پیش بیاره.
ولی اگه می خوایید مطمئن شید، افزونه Firebug رو واسه Firefox نصب کنید و بعد از فعال کردنش صفحه مورد نظر رو رفرش کنید.
تو تب net اطلاعات مربوط به تمام درخواست ها رو می تونید ببینید (با ذکر مدت زمان لود شدن، آیا از کش اومده یا از سرور و ....)
برای اینکه سایتتون رو تا جایی که جا داره بهینه کنید، افزونه YSlow رو هم نصب کنید (این افزونه مال Firebug هست :چشمک: ) و بزارید سایتتون رو آنالایز کنه.