Помогите настроить вывод изображений в слайдере Nivo

голоса: +3

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

| Автор: | Категория: Дизайн сайта
Нужен код этого слайдера.
Киньте всё html слайдера,css.

Ответов: 2

голоса: +2
 
Лучший ответ
Варианта два...
Первый, уменьшить сами изображения под размер слайдера.
Второй, увеличить окно слайдера до размера изображений.
Так что первый вариант лучше.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
а стилями никак? 1 вариант не подходит, так как при увеличении картинка будет мала...мне при увеличении большая нужна, вручную изменять размер изображений проблематично) я обратился сюда, чтобы мне помогли решить вопрос через скрипт или сss...
Стилями либо скриптом никак, так как нарушится аспект изображения, т.е картинка сузится по высоте, оригинал картинки имеет формат 16:9, а формат слайдера не такой, понимаете о чём я?
но можно сделать блок, задать ему overflow hidden; ну впринципе оно так и задано, ну а вот, а тупо саму картинку изменить нужно....просто не могу понять как картинке стили приписать
Припишите в ксс это... и посмотрите результат.
#slider img {
height: 300px !important;
}
Там идёт работа скрипта, как вариант, попробуйте поставить свежую версию слайдера https://github.com/gilbitron/Nivo-Slider
ваш пример css не сработал, изображение идет как background...
Это пример.
На гитхаб ходили?
Голоса: +1

Ищи в slider.css (вот-это) /* меняем размер изображений высоту и ширину */

Играйся с этим width:100%; (ширина)  высота height:300px;
#slider {  
  position:relative;
  width:100%;
  height:300px;
  background:url(http://center-dm.ru/ucoz/vid_slider/NivoSlider/loading.gif) no-repeat 50% 50%;
 
(или укажи в комменте нужную ширину/высоту) скину готовый код)
| Автор:
Уже делал так, меняется весь блок(слайдер), а нужно чтобы менялись только изображения)))    Изображения слишком большие, поэтому они отображаются плохо
Ну сделай слайдер чуток по больше примерно так height:1100px;
та не, мне именно изображение изменить нужно
...