Остановите jQuery Cycle от настройки высоты и ширины контейнеров - PullRequest
7 голосов
/ 09 января 2012

Я использую плагин jQuery Cycle. Страница, о которой идет речь, находится здесь:

http://harrisonfjord.com/folio/test.html

Меню слева управляет содержимым в середине страницы с помощью плагина Cycle. Довольно просто. Тем не менее, цикл добавляет кучу стилей к полям слайдов:

<div class="adSlideBox" id="asics" style="position: absolute; z-index: 8; top: 0px; left: 0px; display: block; width: 1020px; opacity: 1; ">

Рассматриваемый код ошибки - это установленный атрибут width; Я строю сайт на основе изменяемого макета, и размер изображения должен изменяться при изменении размера окна. Все работает нормально, пока Цикл не добавит это мерзкое правило ширины к каждому из моих слайдов!

Как я могу заставить его прекратить это делать? Я использовал containerResize: 0,, но безрезультатно. Вот вызов jQuery:

$('#adSlideshow').cycle({ 
    fx:     'fade', 
    speed:  'fast', 
    timeout: 0,  
    pager:  '#menu',
    containerResize: 0,
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#menu li:eq(' + idx + ') a'; 
    }
});

Кстати, я использую полную версию Cycle, поэтому переключение параметра containerResize ДОЛЖНО работать, но не работает. Мысли?

Можно ли зайти в код cycle.js и просто извлечь эту часть функции?

РЕДАКТИРОВАТЬ: игнорировать тот факт, что правое меню ведет себя странно при изменении размера страницы, на самом деле оно должно быть внизу, но я отредактировал остальную часть кода для простоты в этом тестовом сайте.

1 Ответ

10 голосов
/ 09 января 2012

используйте slideResize: 0 в дополнение к containerResize: 0

...