jquery cycle 이후에 이미지 너비를 얻으시겠습니까?

Question

jquery 사이클을 위해 자바 스크립트 크기 조정을 구현하려고했지만 다음 슬라이드로 이동하여 브라우저 창 크기를 조정하면 이미지 너비가 느슨해지고 모든 것이 바나나로 바뀝니다. ... 다음에 무엇을해야할지 확실하지 여기

은 자바 스크립트는 다음과 같습니다

jQuery(function($) { 
function resizeImage() { 
var slideImageHeight = $(window).height()-110, 
    slideImageWidth = $('#slideshow img').width(), 
    slideShowImageHeight = $(window).height()-123; 

    $('.gallery_item').css('height', slideImageHeight); 
    $('#slideshow img').attr('height', slideImageHeight); 

    $('#slideshow').css('height', slideShowImageHeight); 
    $('#slideshow img').attr('height', slideShowImageHeight); 

    $('.pgwrap').css('width',slideImageWidth); 
}; 
$(window).resize(function(){ 
    resizeImage(); 
}).trigger('resize'); 

$(window).load(function(){ 
    resizeImage(); 
}); 

$('#slideshow').cycle({ 
    fx:  'scrollHorz', 
    speed: 200, 
    prev: '#prev', 
    next: '#next', 
    timeout: 0 
}); 

}); 

또한 실행 여기를 볼 수 있습니다. http://stoorage.com/index2.html

Answer 1

나는 여기에 몇 가지 문제를 참조하십시오

1) '#slideshow IMG'#slideshow에 여러 개의 이미지가 있기 때문에, 이산 없습니다. 2) resize 함수 자체가 윈도우로드 & 크기 조정에서 호출되지만 이미지 순환 후에는 조정되지 않습니다.

slideImageWidth = $('#slideshow img:visible').width() 

: 그래서 같은 선택을 확장하여

$('#slideshow').cycle({ 
    fx:  'scrollHorz', 
    speed: 200, 
    prev: '#prev', 
    next: '#next', 
    timeout: 0, 
    after: resizeImage 
}); 

난 당신이 문제 일)를 완화 할 수 있다고 생각 :

피상적 인 조사 플러그인이 매개 변수 '후'의를 통해 콜백을 지원하므로이 시도 않음을 나타냅니다