Заставить Jquery Cycle работать в динамическом макете xhtml - PullRequest
Новая
       41

Заставить Jquery Cycle работать в динамическом макете xhtml

0 голосов
/ 02 ноября 2011

Здравствуйте, я пытаюсь запустить изменение размера javascript для моей страницы, используя Метод дерева частиц - всякий раз, когда изменяется разрешение окна, вызывается другая таблица стилей CSS.

В каждой таблице стилей (default.css / thin.css / wide.css / wider.css) я изменил размеры цикла слайд-шоу и размеры изображений.

Предыдущие посты предлагают, чтобы цикл записывал ширину и высоту элементов один раз. Я попытался решить проблему: 

$(document).ready(function() {  
$('.slideshow')  
.after('<div id="nav">')  
.cycle({  
        fx: 'fade',  
        sync: true,  
                speedIn:  500,  
        speedOut:  500,  
        timeout: 10000,  
        pager:  '#nav',  
        next:   '.slideshow'  
                cssBefore: {  
                width: imagewidth,    
                height: imageheight  
}    

    });
});

Это не работает для меня ... Я также пробовал containerResize: false; это случай присвоения! важные правила в таблицах стилей CSS?

Спасибо за любую помощь! Полный код сайта здесь

1 Ответ

0 голосов
/ 02 ноября 2011

В зависимости от ваших целевых браузеров, вы можете сделать то же самое с медиа-запросами (адаптивный дизайн). При указании размеров в CSS применяются разные стили. Увидеть http://www.alistapart.com/articles/responsive-web-design/ для деталей.

...