Jquery Resizable 이미지 크기 문제

jquery 크기 조정을 사용할 때 이미지 크기가 자동으로 감지되지 않습니다. Firefox와 IE 모두 이미지를 훨씬 더 작게 표시하며 크롬은 전혀 표시하지 않습니다. 이 문제에 대한 직접적인 대답을 찾을 수 없습니다. 이 문제를 어떻게 해결할 수 있습니까?Jquery Resizable 이미지 크기 문제

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css" type="text/css" media="all"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"> 
</script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js" type="text/javascript"> 
</script> 

    <img src="http://www.carsyouwilldrive.com/wp-content/uploads/2009/06/futurecar1.jpg"> <script type="text/javascript"> 
$("img").resizable(); 
    </script>

출처

2011-01-12 Hussein

수 img 태그를 닫고 그 ID로 를 호출하면 좋을 것주의 페이지에 대한 링크를 보내거나 나머지 페이지에 대한 코드를 보냅니 까? 감사합니다 :) –

코드의 나머지 부분이나 다른 부분이 없습니다. 위의 코드를 실행하면 내가 무엇을 차지하는지 알 수 있습니다. – Hussein

@alex jsfiddle로 멋지게 보여줍니다. http://jsfiddle.net/Damien_at_SF/cLWcx/ –

웹킷이 이런 식으로 행동하는 이유를 모릅니다.

해결 방법은 load-event 이미지 완성 후 resizable이 호출되도록하는 것입니다. 관련이없는 측면에서

$("img").load(function() { 
    $("img").resizable(); 
});

는

이미지에게 ID를 부여하고
가 제대로

출처

2011-01-12 04:43:55 naveen

엄청나게 우아한 답변, 많이 Logged 내가 여기있는 것보다 낫다. +1 : –

@ damien : 감사합니다. 어쩌면 그것의 jquery UI 버그? – naveen

걱정 없음 :) 솔직히 너무 확신하지 못합니다 ... FF로 볼 수있는 이상한 것처럼 보입니다.하지만 알렉스 만 미리보기 이미지를 보았습니다 ... 흠 ... –

@alex는 이미지 크기를 조정하는 올바른 방법을 보여줍니다. Chrome에서 실제 높이 (&)를 테스트했습니다. 브라우저를 다시 구성하십시오. 때로는 브라우저가 잘 구성되지 않습니다 .. 그래서 코드를 확인하십시오. http://bit.ly/gM8sSD

출처

2011-01-12 04:40:55

나는 내 이전 대답에서 jsfiddle에 대한 링크를 제거합니다, 그것은 naveen의에 좋은되지 않습니다 해킹 솔루션을했다 –

답변

관련 문제