[WiggazMoney]

Уважаемые вебмастеры, прошу помочь мне с одним вопросом, на который я уже долго пытаюсь найти ответ сёрфя инет. Но так конкретного ответа и не нашел. Поэтому обращаюсь к вам, профессионалы. Так вот сам вопрос - есть у меня шаблон для DLE. Он стандартного типа. На разрешение что-то типо 1000px. Так вот я правил style.сss чтобы сделать шаб резиновым. И везде значения в 1000px я заменяю допустим на 96-98%. Шаблон растягивается как и положено. И слайдер и хэдер и контейнер. Всё, как говорится, по-красоте! Вот только картинка в слайдере остаётся прежнего разрешения Т.е. слайдер растянулся, а картинка - нет. Если вставить картинку большего разрешения, то получится, что она вылезет за рамки на мониторе с маленьким разрешением. Вопрос - как слайдер сделать адаптивным под все разрешения? Мужики, подскажите! Я знаю, что вы валите в программинге как боги! Нид хэлп!

---------- Сообщение добавлено 12:14 ---------- Предыдущее 12:10 ----------

Вот шаб - https://yadi.sk/d/AEp6WUiVdPJvm
Гляньте плз!

[StelS]

img{width:100%;}

[WiggazMoney]

Стелс, подскажи плз куда вставить строчку. Пробую в стайл css вот сюда.
.slides_container {
background-color:#000;
width:100%;
overflow:hidden;

img{width:100%;}

}

и нифига(

[Jaroo]

WiggazMoney, Панель управления => Список всех разделов => Шаблоны => в файле main.tpl на 44 строке находится этот код:

PHP код:

<div id="coin-slider">
    <a href="#" target="_blank">
        <img src="{THEME}/slides/slide1.jpg" >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img src='{THEME}/slides/slide2.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img src='{THEME}/slides/slide3.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img src='{THEME}/slides/slide4.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img src='{THEME}/slides/slide5.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    
</div> 


Его необходимо заменить на этот:

PHP код:

<div id="coin-slider">
    <a href="#" target="_blank">
        <img width="100%" src="{THEME}/slides/slide1.jpg" >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img width="100%" src='{THEME}/slides/slide2.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img width="100%" src='{THEME}/slides/slide3.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img width="100%" src='{THEME}/slides/slide4.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    <a href="#">
        <img width="100%" src='{THEME}/slides/slide5.jpg' >
        <span>
            Описание слайда
        </span>
    </a>
    
</div> 


[HiNeX]

Еще вариант. В CSS:

Код:

#coin-slider img {
max-width: 100%;
max-height: 100%;
}