کوچک شدن اسلایدر در موبایل

- 7 روز پیش
توسط میلاد آپدیت شد
روح اله ابراهیم زاده ( 4026 تجربه )
2 هفته پیش

سلام . دوستان چرا اسلایدر من تو موبایل انقد کوچیم میشه؟؟ راهش چیه؟؟
https://www.tiktell.com

حسام موسوی ( 111264 تجربه )
1 هفته پیش

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

رایموند دراگون ( 41183 تجربه )
1 هفته پیش

درود...
اسلایدر رسپانسیو باشد, تشخیص می دهد در چه دستگاهی با توجه به سایز آن نمایش دهد...

میلاد ( 6650 تجربه )
7 روز پیش

@rohi1386

اینطور که به نظر میرسه نمایشگر عکس تون اشکالی بهش نیست و داره درست کار می کنه، واکنش گرا هم هستش.
مشکل ناشی از اینه که وقتی صفحه نمایش دستگاه کوچیک میشه، عرض عکس اولیه زیاده و مجبور میشه برای نمایش کامل عکس، اون رو بصورت فشرده بهمدیگه بچسبونه.

راهکاری که به نظر من در اینجا مفید هستش اینه که شما برای زمانی که اندازه صفحه از ی حدی کوچک تر میشه، خود عکس ها رو تغییر بدین.
یعنی شما باید برای عکس های اصلی تون، دو تا ساختار داشته باشین مثلا ً عکس های بزرگ تون در ابعاد 2000 در 400 باشه. اما عکس های کوچکترتون در ابعاد 480 در 240 باشه. این عکس ها رو باید با برنامه کار با عکس نظیر فتوشاپ طراحی کنید، نه اینکه کوچک نمایی کنیدااا. مثلا توی این عکس دومتون که ی ظرف از گوشی و غیره هستش، سمت چپ حذف میشه و فقط سمت راست رو نگه می دارین.

می رسیم به تغییر کدها:
باید به هریک از img ها یک کلاس منحصر بفرد بدین و سپس برای هر کدوم شون به روش زیر در سی اس اس کدنویسی کنید:

@media screen and (max-width: 480px) {
    .banner-small-01 {
        content: url(../image/banner/01banner-small.jpg)
    }

    .banner-small-02 {
        content: url(../image/banner/02banner-small.jpg)
    }

.....به همین ترتیب ادامه دهید....

}

<ul>
                <li>
                    <a href=""><img class="banner-small-01" src="image/banner/01banner.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img class="banner-small-02" src="image/banner/02banner.jpg" alt=""></a>
                </li>
</ul>
برای ارسال پاسخ باید وارد سایت شوید