Карусель Flexslider = Изображения кажутся обрезанными во время анимации / CSS * Проблема

0

Изображения кажутся обрезанными, когда начинается анимация карусели flexslider. Возможно ли, что эта проблема входит в код стиля flexslider.css?

Полный код с анимацией можно найти здесь:

JSFiddle

Я помещаю здесь неполный код flexslider.css, где подозревается проблема.

.flexslider {
  width: 250px;
  height: 600px;
  background: black;

}

.slides {
  width: 100%;
  height:100%;
  padding:0;
  padding-left:30px;
}
.slide {
  width: 100%;
}

.slide img {
  width: 100%;
}


.col{
   float:right;

}
#side{
  width: 40%;
  margin-right: 150px;
  margin-top: 0px;
}
  • 0
    К сожалению, ваш вопрос выглядит как вопрос рекомендации, который не входит в сферу действия StackOverflow. Читайте больше здесь о вопросах, которые вам следует избегать: stackoverflow.com/help/dont-ask
  • 0
    Пожалуйста помоги!!! Я так застрял прямо сейчас и был со вчерашнего дня ...
Показать ещё 7 комментариев
Теги:

1 ответ

1
Лучший ответ

Я могу воспроизвести вашу проблему здесь: http://codepen.io/anon/pen/akjzx

Теперь я не уверен, что вызвало проблему, так как вы не смогли получить демо-версию вместе. Я рекомендую играть со следующим значением CSS. Он должен обеспечить решение вашей проблемы.

.slides {
    width: 100%;
    height: 100%;
    padding-left: -30px; /* Adjust this value; try a negative value */
}

Я также рекомендую щелкнуть правой кнопкой мыши изображения в Chrome и выбрать "Осмотреть элемент". Это поможет вам отладить CSS и, возможно, определить, что заставляет изображение отключиться.

Специально вы можете добавить:

.flexslider .slides > li { padding-left: 0; }
Поделиться
  • 0
    Извините, что связал вас с этим, но я, честно говоря, ценю всю помощь, я сейчас посмотрю на нее и сообщу, в худшем случае я опубликую веб-сайт, но может ли он быть закрытым? Почему-то мне не удобно размещать это здесь.
  • 0
    @Dalia После того, как пройдет день, вам придется вручную присудить вознаграждение, так как вы приняли этот ответ, прежде чем применить вознаграждение. Смотрите: Как присуждается награда? «Просто щелкните значок вознаграждения за вознаграждение рядом с каждым ответом, чтобы навсегда назначить вознаграждение ответчику».
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню