동적 xhtml 레이아웃 내에서 Jquery Cycle 작동

안녕하세요, 윈도우 해상도가 다른 CSS 스타일 시트가 변경 될 때마다 Particle tree method 을 사용하여 자바 스크립트 크기 조정을 실행하려고합니다.동적 xhtml 레이아웃 내에서 Jquery Cycle 작동

각 스타일 시트 (default.css/thin.css/wide.css/wider.css)에서주기 슬라이드 쇼의 크기와 이미지 크기를 변경했습니다.

Previous posts 제안 사항 Cycle은 요소의 너비와 높이를 한 번 저장합니다. 문제를 해결하기 위해 노력했습니다 :

$(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 스타일 시트에 중요한 규칙이 있습니까?

도움 주셔서 감사합니다. 전체 웹 사이트 코드 here

출처

2011-11-02 Jai Singh

대상 브라우저에 따라 미디어 쿼리 (반응 형 디자인)에서도 동일한 작업을 수행 할 수 있습니다. CSS에서 치수를 지정하면 다양한 스타일이 적용됩니다. 자세한 내용은 http://www.alistapart.com/articles/responsive-web-design/을 참조하십시오.

출처

2011-11-02 14:07:13 harriyott

감사합니다. 자바 스크립트 대신 CSS를 사용하여 유연한 이미지를 만드는 쉬운 방법입니다. 이미지로 쉽게 구현할 수 있지만, 주요 문제는 Cycle 슬라이드 쇼에서 발생하므로 규모를 줄이는 것은 조금 더 까다 롭습니다. 높이와 너비 값이 저장되어 적응하지 못하기 때문에주기 옵션을 수정해야합니다. 이렇게하지 마십시오 ... 이에 대한 제안이 있습니까? –

동적 xhtml 레이아웃 내에서 Jquery Cycle 작동

답변

관련 문제