Slick slider

08.05.2017, 23:25. Показов 676. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Доброго времени суток!
Подскажите, пожалуйста, как отменить в slick слайдере подгонку изображения под размер слайдера и позиционировать картинку имеющую больший размер чем слайдер?

Пример:
Размер картинок 11.jpg, 22.jpg, 33.jpg - 620px * 390px
s.jpg - 2000px * 850px

HTML5
1
2
3
4
5
6
<div class="top-slider" style="width: 620px;height:390px;margin:100px 350px;">  
    <img src="./img/11.jpg" />
    <img src="./img/22.jpg" />
    <img src="./img/33.jpg" />
    <img src="./img/s.jpg" />   
</div>

JavaScript
1
2
3
4
5
6
7
<script type="text/javascript" charset="utf-8"> 
  $('.top-slider').slick({
    arrows: true,
    slidesToShow: 1,
    slidesToScroll: 1,
  });  
</script>

Мне нужно чтобы в слайдере отображалась нижняя правая область картинки s.jpg размером 620px*390px.

Пробовал добавить

JavaScript
1
    variableWidth: true

, но всё равно подгоняет по высоте и непонятно как позиционировать.

Есть мысли резать картинку на php и скармливать после слайдеру, но может есть штатные решения?

Прошу помощи.

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

08.05.2017, 23:25

Ответы с готовыми решениями:

Slick Slider пагинация
Здравствуйте, подскажите, пожалуйста, как можно сделать пагинацию Slick слайдера как на скрине? В слайдере отображается по 6 слайдов, и...

Подлагивает slick slider
Вот такой +/- у меня вывод <div class="main"> <br> <div class="sl"> ...

Перестроить slick slider
Здравствуйте. Не подскажете как можно перестроить slick slider? Т.е. он запускается по началу с 6 слайдами, а при изменении окна браузера...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

08.05.2017, 23:25

Помогаю со студенческими работами здесь

Не работает Slick Slider
Добрый день! Не собирается слайдер. Сначала получаю данные, а потом добавляю к html странице, а дальше slick свои дела делает, но почему не...

Не работает Slick slider
Здравствуйте. Выдает ошибку(_.$list.on is not a function) и у тому же не правильно работает в разных браузерах и еще и глючит (смещает ...

Настройка плагина slick-slider
Здравствуйте, у меня есть меню выводимое через модуль Joomla, на него я инициализировал slick-slider, проблема в том что у меня этот...

Slick slider событие перелистывания
Народ, помогите решить проблему!!! Нужно чтоб при клике по стрелкам "вперед", "назад" в slick slider была задержка появления нового...

Прокрутка слайдов в slick slider
Доброго времени суток! На сайте используется slick slider. slick slider выполнен вертикально в две колонки. В левом столбце указаны...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

Наверх