Где меняются размеры слайдера? - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Где меняются размеры слайдера?

#1 Пользователь не на сайте   GeoLik ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 785
  • Регистрация: 10-Март 07
  • Репутация: 42
  • IPB version:3.3.x
 

Отправлено 09 Сентябрь 2012 - 03:03

Появилась необходимость изменить стиль вывода слайдера, построенного на jQuery bxSlider v3.0.
Вот участок кода html-страницы, скопиранный из Firebug:
<div class="bx-wrapper" style="width:590px; position:relative;">
<div class="bx-window" style="position:relative; overflow:hidden; width:590px;">
<ul id="slider" style="width: 999999px; position: relative; left: -1180px;">
<li style="width: 590px; float: left; list-style: none outside none;">
<li class="pager" style="width: 590px; float: left; list-style: none outside none;">
<li class="pager" style="width: 590px; float: left; list-style: none outside none;">
<li style="width: 590px; float: left; list-style: none outside none;">
</ul>
</div>
<a class="bx-prev" href="">prev</a>
<a class="bx-next" href="">next</a>
</div>

Всюду, где ширина 590px, нужно изменить. Величина каким-то образом прописана в файле, который прилагаю. Величины там относительные, наподобие:
style="width:'+wrapperWidth+'px;

мне неясно, что это за wrapperWidth, и откуда у него растут ноги? Ссылку дать не могу, т.к. делаю на локальном компе.
Прошу подсказать, куда тыкать носом? Изучать джава мне уже поздно, найти бы где поменять величины... :(((

Вложений


0

#2 Пользователь не на сайте   Lesovsky ответил: »

 
 
  • Advanced
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 325
  • Регистрация: 18-Июль 10
  • Репутация: 64
  • Откуда:Russia
  • IPB version:3.4.x
 

Отправлено 09 Сентябрь 2012 - 12:30

Он высчитывает автоматически ширину, под размеры где слайдер расположен.

Можно в принципе заместо:

'+wrapperWidth+'

Прописать какое-то фиксированное число которое вам нужно.
0

#3 Пользователь не на сайте   GeoLik ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 785
  • Регистрация: 10-Март 07
  • Репутация: 42
  • IPB version:3.3.x
 

Отправлено 09 Сентябрь 2012 - 12:55

Благодарю Вас!
Но к сожалению, таким образом смог найти заменить только часть на 880px:

<div class="wrapper">
<article class="padding-top3">
<div class="bx-wrapper" style="width:880px; position:relative;">
<div class="bx-window" style="position:relative; overflow:hidden; width:880px;">
<ul id="slider" style="width: 999999px; position: relative; left: -1180px;">
<li style="width: 590px; float: left; list-style: none outside none;">
<li class="pager" style="width: 590px; float: left; list-style: none outside none;">
<li class="pager" style="width: 590px; float: left; list-style: none outside none;">
<li style="width: 590px; float: left; list-style: none outside none;">
</ul>
</div>
<a class="bx-prev" href="">prev</a>
<a class="bx-next" href="">next</a>
</div>
</article>
</div>


упоно лезет
<li style="width: 590px;">

Менял классы блоков, окружающих слайдер - ноль реакции. Вот откуда он берет эту циферь 590px? В шаблоне ни в одном файле (даже в js, и тем более в css) вообще нет размера 590px ...

Ширина общего контейнера - 960px, в месте вставки он тоже 960px. 960-590=370px и такого размера тоже нет нигде.
Ширина общего враппера min-width: 1033px - но это никак не должно влиять.

в css могущее влият только вот это:
.wrapper {width:100%; overflow:hidden;}
.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.extra-box {overflow:hidden;}
.extra-box-1 {overflow:hidden; position:relative;}

но как видите, никаких точных величин.
0

#4 Пользователь не на сайте   GeoLik ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 785
  • Регистрация: 10-Март 07
  • Репутация: 42
  • IPB version:3.3.x
 

Отправлено 09 Сентябрь 2012 - 13:24

Тфу!!!!!! нашел в style.css:
.bx-window {
	width:590px;
	margin-left:41px;
	min-height:116px;
	overflow:hidden;
	position:relative;
	float:left;
}

#slider li {
	width:590px;
	float:left;
	background:#fff;
	padding:0px 0 0px 0;
}

и все остальное для слайдера.


Проверил, в поиске (ищу с помощью тотал коммандер) точно искал и 590px и просто 590 - но тотал не нашел!!! Вот те раз.
Смог увидеть только при визуальном просмотре файла.
В фиребуге тоже не отображалось.

Вот оно как? Вот так прикол. Кстати, Тотал официально куплен у разработчика. Не ожидал :blink:
0

#5 Пользователь не на сайте   Ritsuka ответил: »

 
 
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 908
  • Регистрация: 08-Июнь 09
  • Репутация: 531
  • IPB version:3.4.x
 

Отправлено 10 Сентябрь 2012 - 04:21

На будущее в первую очередь смотрите на слайдеры, написанные для prototype. Подгружать к prototype еще и jQuery ради "плюшек" - накладно, тем более что все аналоги на prototype имеются.
0

#6 Пользователь не на сайте   GeoLik ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 785
  • Регистрация: 10-Март 07
  • Репутация: 42
  • IPB version:3.3.x
 

Отправлено 10 Сентябрь 2012 - 21:37

Спасибо! Буду иметь ввиду. В названном выше случае, правда слайдер был готовый в покупном макете шаблона, мне нужно было лишь стиль вывода поменять.
0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна