ここで問題が発生しました。10/1 の比率で図を作成しましたが、それは私の img とまったく同じスペースである必要があります (実際のサイズは 4000*/400* であるため、比率も 10/1 です)。どこからともなく飛び出す余分なスペース。
それがどこから来たか知っていますか?
これが私のコードです: http://jsfiddle.net/2drYk/21/
<figure class="container">
<img class="content" src="http://img7.imageshack.us/img7/6766/sampes.jpg" alt="sample" />
</figure>
*
{
margin:0;
padding:0;
border:0
}
.container
{
width:100%;
background:black;
overflow:hidden;
}
.content
{
width:100%
}
var $cont = $('.container .content'),
init_size = $cont.width()*0.1,
c =0,
s = [400,init_size];
$cont.height( init_size );
$cont.click(function(){
$(this).stop().animate({height: s[c++%2] });
});
編集:問題は、jqueryで2クラスを呼び出すという事実に起因しているようですが、理由はまだわかりません。比率は同じです。