رفتن به مطلب

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


MindMaster

پست های پیشنهاد شده

سلام،
در قالبی که به تازگی نصب کردم چند عکس در بخش اسلایدر بالای صفحه هستن، البته اسلایدر حالت ثابت داره و عکسها تغییر نمیکنن.
مشکل اینه که عکسها به طور کامل فریم خودشونو پر نمیکنن و یا به طور افقی یا عمودی یه بخشی از اون قاب خالی میمونه و به اصطلاح عکسها فول اسکرین داخل کادر خودشون نمایش داده نمیشن!
میخواستم بپرسم آیا کسی میدونه چطور میشه عکسها رو داخل اسلایدر (یا همون قاب عکس) فول اسکرین کرد؟
قالب نصب شده newspaper هست.
با تشکر

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

اگر اسلایدر توسط افزونه هایی مانند Revolution یا ... اضافه شده باشه، داخل پنل ویرایش اسلایدر تنظیماتی برای نحوه نمایش تصاویر وجود داره.

اگر اسلایدر به صورت داخلی توسط کدهای JS و CSS و PHP نوشته شده باشه، با تغییرات CSS می تونید مشکل رو حل کنید.

اگه قالب رو به صورت آنلاین نصب کردید آدرس سایت رو بدید تا چک بشه .

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در در 4 بهمن 1396 در 13:43، Masih گفته است :

درود.

اگر اسلایدر توسط افزونه هایی مانند Revolution یا ... اضافه شده باشه، داخل پنل ویرایش اسلایدر تنظیماتی برای نحوه نمایش تصاویر وجود داره.

اگر اسلایدر به صورت داخلی توسط کدهای JS و CSS و PHP نوشته شده باشه، با تغییرات CSS می تونید مشکل رو حل کنید.

اگه قالب رو به صورت آنلاین نصب کردید آدرس سایت رو بدید تا چک بشه .

نه از افزونه استفاده نکردم، هم برای اسلایدر پیش فرض قالب و هم اسلایدر آماده ای که توسط visual composer میشه ایجاد کرد، در هر دو این مشکل وجود داره، با کلی جستجو یه قسمت تو style.css پیدا کردم که تنظیماتش تو نمایش عکسها اثر میذاره، این قسمته:
 

img {
  max-width: 100%;
  width: auto\9;
  height: auto;
}

وقتی مقدار مقابل height رو به 100% تغییر میدم ارتفاع درست میشه ولی این کار تو width جواب نمیده! یه حالتم که امتحان کردم max-width رو به min-width تغییر دادم که در این حالت عکسهای اسلایدر فول اسکرین شدن و قالب رو پر کردن منتها تمام عسکهای سایت اعم از لوگویی که تو فوتر زده بودم و همه عکسهای نوشته ها تمام عرض میشن و بیش از حد بزرگ میشن!
البته من در مورد کدنویسی چیزی نمیدوم فقط انگلیسیم خوبه و اینا رو از حدسیات خودم تغییر دادم، که البته درست نشد.
من فقط با عکسهای اسلایدر مشکل دارم و میخوام اونا فول اسکرین بشن و اون اسلایدر رو پر کنن، نمیدونم که آیا برای اسلایدر تو کدها یه بخش جداگانه هست یا اینکه تنظیماتش از همین قسمته که بالا نوشتم. اینم اضافه کنم که تو تنظیمات قالب گزینه ای برای این کار نیست.

با تشکر

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در در 4 بهمن 1396 در 23:30، nima-f گفته است :

با تغیرات در قسمت استایل و ویرایش css میتونید مشکل رو حل کنید 

والا در مورد کدنویسی اطلاعات تخصصی ندارم، تنها موردی که در استایل پیدا کردم همین مورده که بالا عرض کردم خدمتتون، البته اینم نمیدونم که آیا اسلایدر یه بخش مجزایی تو کدها داره یا اونم از همین دستور تبعیت میکنه.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود مجدد.

بله کد CSS که ذکر کردید و تغییراتی که فرمودید راه درستی هست. اما برای اعمال تغییرات فقط برای محدوده اسلایدر، شما باید Class بکار رفته در محدوده اسلایدر رو در کنار این کد استایل قرار بدید تا تغییرات تنها در همون محدوده اعمال بشن. برای مثال فرض کنیم DIV اصلی محدوده اسلایدر دارای کلس mainslider هست. برای اعمال تغییرات فقط روی تصاویری که در اسلایدر قرار گرفتند می تونید یک تکه کد CSS به صورت زیر در یکی از فایل های استایل قالب اضافه کنیم:

.mainslider img {
	width: 100% !important;
	height: auto !important;
}

با کد بالا ما فقط تغییرات رو روی img های موجود در DIV با کلس mainslider اعمال کردیم.

 

البته این کلس و کد بالا تنها یک مثال بود. شما باید یک سورس از سایتتون بگیرید ببینید DIV محدوده اسلایدر چه کلسی داره و از همون کلس مانند بالا استفاده کنید تا تغییرات رو در مکان مناسب خودش اعمال کنید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...