2 
<div class="moviesRotator" id="moviesRotator">
<a>
<img width="431" height="348" alt="" src="img_url1"/>
</a>
<a>
<img width="431" height="348" alt="" src="img_url2"/>
</a>
<a>
<img width="431" height="348" alt="" src="img_url3"/>
</a>
</div>

画像をより広く、動的に大きくしたい。それで、これを行うことは可能ですか？

$('.moviesRotat0r.a.img').attr('width', 620)
$('.moviesRotat0r.a.img').attr('height', 380)

内のすべてのタグを反復処理して、そのように高さと幅を変更することは可能ですか?

ここで正しい構文は何ですか?

私にお知らせください。

どうもありがとう。

4

3 に答える 3

6

これを行うことができます...拡大アーティファクトを避けるために、画像のソースが十分に大きいことを確認してください...

$('.moviesRotator img').attr('width', 620).attr('height', 380);

利用可能な場合は代わりにコンテナーの ID を使用します (検索が高速になります)

$('#moviesRotator img').attr('width', 620).attr('height', 380);
于 2012-09-16T20:58:22.023 に答える
3

セレクターは次のようになります。

$('.moviesRotator > a > img')
于 2012-09-16T20:58:07.343 に答える
2

これはさらに優れています。次のリンクを確認してください: http://jsfiddle.net/cpeW8/3/

HTML サンプル:

<img src='#' width="320" height="240" />

jQuery サンプル:

(function($) {
    var imgSelected = $('img');
    console.log('Current width: ' + imgSelected.attr('width') + '; Current height: ' + imgSelected.attr('height'));
    imgSelected.attr({
        width: 400,
        height: 300
    });
    console.log('Current width: ' + imgSelected.attr('width') + '; Current height: ' + imgSelected.attr('height'));
})(jQuery)

あなたの場合は次のようになります。

$('#moviesRotator img').attr({
    width: 400,
    height: 300
});
于 2012-09-16T21:40:51.493 に答える