انتخاب تصویر هیدر بر اساس اندازه صفحه نمایش

[xxa]

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

در خصوص این سوال تاپیک های زیادی ایجاد شده اما هیچ کدومشون نتیجه نرسیده ان !!!

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



768*1024

یا

1280*1024

خب تاحالا دید که امار کاربرا رو تو سایت اعلام کنه یکی از امارش رزولیشن باز دید کننده هم هست !!!

خب حالا راه کار یه فرم یا ایندکسی با 768*1024 درست کنیم

یه فرم یا ایندکس با 1280*1024

از همین کد کمک بگیریم و طوری تعریف کنیم که اگه 1280*1024 اومد ایندکس 1 بیاد اگه 768*1024 ایندکس 2 بیاد

------------------------------------------------------------------

در مورد عکس یا هیدر هم 100 % این کار عملی و میشه !!!

یه هیدر با 1280*1024 درست میکنیم یه دونه با 768*1024

اگه رزولیشن فوق اومد این یکی بیاد اگه یه رزولیشن دیگه اومد یه عکس دیگه بیاد !!

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




---------------------------------------------



اگه این بگیره یعنی به سرانجام برسه چیز خیلی تاپی میشه همه ازش استفاده میکنن

با تشکر

------------------------------------

این کد اطلاعات

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[xxa]

در پی اچ پی هم میشه استفاده کرد به صورت کال ؟؟؟

یه کم فلوچارت از خودم برای عکس ها



یه متغیر برای رزولیشن ( طول ) تعریف میکنیم به نام x و چون همیشه با width مشکل داریم به width نسبت میدهیم

بعد هم در width عکس که طول از ما رو میخواد همین ایکس را به جایی عدد میزاریم

بقول معروف این شد فلوچارت نصف راه !!!!


نصف راه دیگه هم یکی بیاد کمک بکنه

[neopersia]

به نظر من کلاً صورت مسئله اشتباه هست به دلایل زیر:

1- قبول دارم که بیشتر کاربران رزولوشن 1024×768 دارند ولی 1280×1024 رو اصلاً قبول ندارم (طبق آمار سایتم و به صورت تجربی میگم اگه شما آمار رسمی دارید که در مورد کاربران ایرانی هست اعلام کنید تا بقیه هم استفاده کنند)
2- کی گفته که تو هدر سایت باید حتماً تصویر به کار برد؟
3- حالا تصویر هم به کار بردیم. ولی طبق کدوم قانون باید عرض تصویر به اندازه عرض صفحه باشه؟
4- فرضاً خواستیم هدر سایت همه فضای بالای صفحه رو بپوشونه. خیلی از موارد رو میشه با اضافه کردن رنگ یا گرادینت در کنار تصویر هدر حل کرد به صورتی که همه فضا رو بپوشونه.
5- اگر خیلی مهمه که سایت یک هدر داشته باشه به اندازه عرض صفحه، به جای اینکه بیایم برای هر رزولوشن یک تصویر طراحی کنیم یا اینکه با استفاده از width تصویر رو استرچ کنیم که کلی هم کیفیتش خراب بشه میشه یک عرض ثابت برای صفحه در نظر گرفت.
6- وقتی یه قسمت از صفحه رو بر اساس جاوا اسکرپت مینویسی باید همیشه انتظار غیر فعال بودن جاوا اسکرپت رو هم داشته باشی.

با انعطاف پذیری که CSS به HTML اضافه کرده استفاده از جاوا اسکرپت و ساختن چند تا تصویر برای یک هدر کار زیاد جالبی نیست.

البته اینا همش نظرات شخصی منه شما ممکنه طور دیگه ای فکر کنید و شاید هم دلایل قانع کننده ای برای عوض کردن نظر من داشته باشید که خوشحال میشم به اونا گوش بدم.
موفق باشید.

[eAmin]

سلام.

من هیچی نمی گم!

فقط گفته های یاسر رو %100 تایید می کنم.

[Ultimator]

یاسر جان تو آمارت چند درصد کاربرها جاوا اسکریپتشون فعال نیست ؟ چون من همه جا تا دستم میرسه اسکریپت استفاده میکنم !!

ضنا الان رزولوشن من 1280× 1024 ـه اما اکثر سایتها رو درست میبینم ! باید درست طراحی کنید بهانه های اینشکلی قابل قبول نیست !! باز هم همون حرفای یاسر رو کپی پیست کن اینجا !!

[eAmin]

یاسر جان تو آمارت چند درصد کاربرها جاوا اسکریپتشون فعال نیست ؟ چون من همه جا تا دستم میرسه اسکریپت استفاده میکنم !!

ضنا الان رزولوشن من 1280× 1024 ـه اما اکثر سایتها رو درست میبینم ! باید درست طراحی کنید بهانه های اینشکلی قابل قبول نیست !! باز هم همون حرفای یاسر رو کپی پیست کن اینجا !!

سلام.

آمار رو وللش!

خب اینکه معلومه اکثرا جاوااسکریپتشون فعاله، ولی بالاخره بعضی ها هم هستن که جاوااسکریپت مرورگرشون رو غیر فعال می کنن!

منم کار اصلیم جاوااسکریپته ولی همیشه این موردی که یاسر گفت رو در نظر می گیرم!

در مورد رزولوشن هم، از من هم مثل نیماست، اصل کار اینه که درست طراحی بشه...

[xxa]

سلام

اقا من یه راهنمایی خواستم

گفتم میدونم 1000 کار میشه کرد اما این روش برای خودم میخوام استفاده کنم

میخوایید عنوان عوض کنم بگم سوالی که همیشه منو عذاب میده

خب ببین همیشه نمیشه با اضافه کردن رنگ یا گرادینت ها صفحه ( قسمت هیدر را پوشاند )

ببین مثال : یه هیدر پر پیچ خمه هیچ جاش هم جایی صافی نداره که اون تکه را مرکز بگیریم

لطفاً یکی به سوال ما جواب بده

[xxa]

دوستان هیت علمی طراحان سایت جواب نمیدید

[neopersia]

خوب شما که کد مربوط به پیدا کردن اندازه صفحه نمایش رو تو پست اول نوشتی
یه دستور if ساده میخواد که در صورتی که اندازه صفحه نمایش یه عدد خاصی بود src مربوط به تصویر هدر رو تغییر بده به آدرس عکس مربوط به اون رزولوشن

یاسر جان تو آمارت چند درصد کاربرها جاوا اسکریپتشون فعال نیست ؟ چون من همه جا تا دستم میرسه اسکریپت استفاده میکنم !!

طبق آماری که الان دارم 100% کاربرام جاوا اسکرپتشون فعاله!!!!
شوخی کردم من از گوگل آنالیزر برای آمار سایتم استفاده میکنم که با جاوا اسکرپت توی صفحه قرار میگیره بنا بر این فکر نمیکنم کاربرانی رو که جاوا اسکرپتشون غیر فعال باشه بشمره

[xxa]

خوب شما که کد مربوط به پیدا کردن اندازه صفحه نمایش رو تو پست اول نوشتی
یه دستور if ساده میخواد که در صورتی که اندازه صفحه نمایش یه عدد خاصی بود src مربوط به تصویر هدر رو تغییر بده به آدرس عکس مربوط به اون رزولوشن


طبق آماری که الان دارم 100% کاربرام جاوا اسکرپتشون فعاله!!!!
شوخی کردم من از گوگل آنالیزر برای آمار سایتم استفاده میکنم که با جاوا اسکرپت توی صفحه قرار میگیره بنا بر این فکر نمیکنم کاربرانی رو که جاوا اسکرپتشون غیر فعال باشه بشمره

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

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

عزیز من من خودم به اقسام نقاط مختلف امتحان کردم با هر دستور شرطی که شما بگید اما نمیشه نمیدونم چرا


عزیز شما میتونی کد شو در اینجا قرار بدی

برای شما که اب ریختن تو لیوانی زمان میبره

مهم : ببخشید که یه کم با هاتون شوخی کردم