Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Похожие темыавтор Феникс Сегодня в 15:35
» Показать пароль (все версии)
автор Феникс Сегодня в 11:23
» Переключение профиля влево-вправо
автор Феникс Январь 15th 2021, 21:43
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Феникс Январь 15th 2021, 20:19
» Текст форума съехал за рамки самого форума
автор Феникс Январь 14th 2021, 14:36
» Полосы на главной странице
автор AVL Январь 10th 2021, 12:28
» Скорость загрузки сайта
автор Лилэя Январь 10th 2021, 11:39
» Требуется использовать в шаблоне значение полей
автор Феникс Январь 10th 2021, 10:37
» Проблема с входом на форум
автор https://https-festasport. Январь 9th 2021, 12:23
» Вопросы по теме "Новогодние украшения для форумов"
автор лисенок Январь 6th 2021, 16:46
Карусель обрезает изображения
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Карусель обрезает изображения
Доброго времени суток, господа и дамы!
У меня возникла проблема с реализацией карусели (слайдера) в шапке форума, предложенной уважаемым Домовым на вот этой страницу: https://help.forum2x2.ru/t20438-topic
В частности, интересует вариант №2 из приведенных им скриптов.
Проблема в том, что картинки обрезаются, хотя подогнаны как надо (в оригинале тоже самое). Первая картинка режется снизу немного, ее соседи режутся по бокам и снизу ну и т.п.
Можно ли как то подправить скрипт, дабы избежать такого эффекта (хотя бы на первых трёх картинках) или заменить такое обрезание каким нибудь плавным размытием по краям?
У меня возникла проблема с реализацией карусели (слайдера) в шапке форума, предложенной уважаемым Домовым на вот этой страницу: https://help.forum2x2.ru/t20438-topic
В частности, интересует вариант №2 из приведенных им скриптов.
Проблема в том, что картинки обрезаются, хотя подогнаны как надо (в оригинале тоже самое). Первая картинка режется снизу немного, ее соседи режутся по бокам и снизу ну и т.п.
Можно ли как то подправить скрипт, дабы избежать такого эффекта (хотя бы на первых трёх картинках) или заменить такое обрезание каким нибудь плавным размытием по краям?
Re: Карусель обрезает изображения
Скорее всего вы не правильно указали размер картинок в коде CSS
<style>
.roundabout-holder{
padding: 10px;
height: 10em;
width: 90%;
margin: 0 auto;
}
.roundabout-moveable-item {
height:200px;
width:151px;
cursor:pointer;
background:transparent;
border:1px solid #999;
border:1px solid #999;
overflow:hidden;
}
.roundabout-in-focus{
cursor:auto;
}
.example .show{
height:200px;
width:850px;
margin-top:0px;
padding-top:50px;
overflow:hidden;
}
</style>
Домовой-
-
Сообщения : 6803
Возраст : 97
Регистрация : 2010-01-30
Благодарности : 3243
Re: Карусель обрезает изображения
Нет, всё верно указано. Картинки и размеры в CSS, указанные вами, идентичны. Дело в том, что в вашем примере (вариант 2) обрезание происходит точно так, просто там полупрозрачный по краям png использован (деченка с цветами) и там это не так бросается вглаза. Вариант на моем сайте иной, там jpg на вес размер картинки сплошной. Хотя, у вас глаз более наметанный, можете взглянуть сами (вдруг я что то не учел по неопытности?): http://smuta.forumgrad.ru/
Вот я и спрашиваю, можно ли какой то друго эффект туда влупить вместо такого обрезания? Например, размытие плавное или как то так?
Вот я и спрашиваю, можно ли какой то друго эффект туда влупить вместо такого обрезания? Например, размытие плавное или как то так?
Re: Карусель обрезает изображения
Так там все картинки кроме передней обрезаются, так и должно быть.
Домовой-
-
Сообщения : 6803
Возраст : 97
Регистрация : 2010-01-30
Благодарности : 3243
Re: Карусель обрезает изображения
Да легко. Ищите автора этого слайдера и просите его это сделать.@Смех пишет:А можно сделать уменьшения без обрезания?
Я то просто выложил сюда этот скрипт, я его не писал.
Домовой-
-
Сообщения : 6803
Возраст : 97
Регистрация : 2010-01-30
Благодарности : 3243
Re: Карусель обрезает изображения
@Смех пишет:А можно сделать уменьшения без обрезания?
Можно. Попробуйте добавить в стили следующее.
- Код:
.size img {
width: 95%;
height: 95%;
}
ну и соответственно перед первой картинкой подключить
- Код:
<div class="size">
а после последней поставить
- Код:
</div>
У меня этот способ работает. Просто 95% надо изменить под тот процент который будет красиво вписывать картинку.
Re: Карусель обрезает изображения
Вот полный стиль если что:
ну и соответственно перед первой картинкой подключить
а после последней поставить
- Код:
<style>
.roundabout-holder{
padding: 10px;
height: 10em;
width: 90%;
margin: 0 auto;
}
.roundabout-moveable-item {
height:200px;
width:151px;
cursor:pointer;
background:transparent;
border:1px solid #999;
border:1px solid #999;
overflow:hidden;
}
.roundabout-in-focus{
cursor:auto;
}
.example .show{
height:200px;
width:850px;
margin-top:0px;
padding-top:50px;
overflow:hidden;
}
.size img {
width: 95%;
height: 95%;
}
</style>
ну и соответственно перед первой картинкой подключить
- Код:
<div class="size">
а после последней поставить
- Код:
</div>
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения