Вопрос года! Мужики, помогите решить вопрос со слайдером!

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

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

    Вот шаб - https://yadi.sk/d/AEp6WUiVdPJvm
    Гляньте плз!
    • 0
  2. Верстальщик Аватар для StelS
    • Регистрация: 29.11.2009
    • Сообщений: 260
    • Репутация: 98
    • Webmoney BL: ?
    img{width:100%;}
    • 0
  3. Новичок
    • Регистрация: 10.06.2014
    • Сообщений: 2
    • Репутация: 0
    Стелс, подскажи плз куда вставить строчку. Пробую в стайл css вот сюда.
    .slides_container {
    background-color:#000;
    width:100%;
    overflow:hidden;

    img{width:100%;}

    }

    и нифига(
    • 0
  4. Новичок
    • Регистрация: 05.05.2014
    • Сообщений: 2
    • Репутация: 0
    • Webmoney BL: ?
    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
    • 0
  5. PHP Developer Аватар для HiNeX
    • Регистрация: 26.04.2012
    • Сообщений: 222
    • Репутация: 47
    • Webmoney BL: ?
    Еще вариант. В CSS:

    Код:
    #coin-slider img {
    max-width: 100%;
    max-height: 100%;
    }
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Помогите разобраться со слайдером.
Web программирование 1 07.12.2013 21:02
Помогите решить задачу/проблему/вопрос- как нарубить один длинный текст на много маленьких
Web программирование 3 25.03.2013 01:56
Помогите с слайдером для WordPress
WordPress 1 12.09.2012 21:17
Помогите со слайдером в wordpress
Web программирование 8 04.03.2012 01:27
Помогите пожалуйста решить вопрос.
Хостинг и Серверы 4 29.12.2011 10:29

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры