X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по скрипту "Карусель", Не могу вместо трех картинок сделать четыре
Vangan
Vangan
Topic Starter сообщение 5.1.2013, 17:21; Ответить: Vangan
Сообщение #1


Здраствуйте уважаемые посетители сайта maultalk, возник неоднозначный вопрос, а точней проблема.
Хотелось бы вывести 4 картинки в простом слайдере "карусель" вместо трех, но не знаю как это сделать.
Вот данный скрипт
<link media="screen" href="{THEME}/style/skin.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        wrap: 'circular' ,
        scroll: 2
    });
});



</script>


А вот так (для понятности) скрипт на моем сайте
<link media="screen" href="http://soldierweapons.ru/templates/soldatt/style/skin.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://soldierweapons.ru/templates/soldatt/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        wrap: 'circular' ,
        scroll: 2
    });
});

</script>


И в завершении, вид на моем сайте soldierweapons.ru/publ/rifles/ сверху справа от шапки.

Собственно помогите пожалуйста советом, как это реализовать.

Сообщение отредактировал Vangan - 5.1.2013, 17:22
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rombi
Rombi
сообщение 5.1.2013, 17:31; Ответить: Rombi
Сообщение #2


http://soldierweapons.ru/templates/soldatt...carousel.min.js

Находим scroll:3
Меняем на scroll:4

Думаю поможет)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vangan
Vangan
Topic Starter сообщение 5.1.2013, 17:38; Ответить: Vangan
Сообщение #3


Rombi, пробывал ранее данный метод, непомогло.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rombi
Rombi
сообщение 5.1.2013, 17:53; Ответить: Rombi
Сообщение #4


Увеличиваем ширину
.jcarousel-skin-tango .jcarousel-clip-horizontal


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vangan
Vangan
Topic Starter сообщение 5.1.2013, 18:32; Ответить: Vangan
Сообщение #5


Увеличил ширину и добавил атрибут visible: 4 , помогло, но только картинки стали очень близко друг к другу и неразрывным пробелом не разделяються.
Как решить проблему?

Сообщение отредактировал Vangan - 5.1.2013, 18:45
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rombi
Rombi
сообщение 5.1.2013, 18:49; Ответить: Rombi
Сообщение #6


<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style-position: outside; list-style-type: none; list-style-image: none; width: 92px;" jcarouselindex="2">
  Сша
  <a href="http://soldierweapons.ru/tags/%C0%EC%E5%F0%E8%EA%E0%ED%F1%EA%E8%E5+%E0%E2%F2%EE%EC%E0%F2%FB/">
    <img src="/templates/soldatt/img/1287641754.png" alt="Американские винтовки">
  </a>
</li>


тут меняем ширину


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vangan
Vangan
Topic Starter сообщение 5.1.2013, 20:38; Ответить: Vangan
Сообщение #7


Rombi, плюс за подсказку, хоть получилось сделать все другим методом, через css.
Для тех у кого вдруг возникнут проблемы с данным скриптом, то измените:
в js скрипта visible: null , на visible: интересующую Вас цифру.
А в css найдите
.jcarousel-skin-tango .jcarousel-clip-horizontal
и увеличьте ширину.
Потом найдите
.jcarousel-skin-tango .jcarousel-item-horizontal
И проставьте атрибут
width: 75px !important;
В заключении найдите
.jcarousel-skin-tango .jcarousel-container-horizontal {
И тоже увеличьте ширину.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
15 Tia2 2324 Вчера, 0:54
автор: diviner99
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
12 Chekon 3938 10.4.2024, 11:44
автор: Chekon
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
14 Chekon 4271 10.4.2024, 11:07
автор: Chekon
Опрос (нет новых голосов) Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров
35 Room 4522 13.3.2024, 13:10
автор: Room
Открытая тема (нет новых ответов) "Лежащий" домен - 10 лет. Продать?
8 Wolfhound 2603 5.3.2024, 3:22
автор: Liudmila


 



RSS Текстовая версия Сейчас: 18.4.2024, 6:17
Дизайн