Появилась необходимость изменить стиль вывода слайдера, построенного на 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, и откуда у него растут ноги? Ссылку дать не могу, т.к. делаю на локальном компе.

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

jquery.bxSlider.min.zip

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

 

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

 

'+wrapperWidth+'

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

Благодарю Вас!

Но к сожалению, таким образом смог найти заменить только часть на 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;}

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

Тфу!!!!!! нашел в 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:

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

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