0

ジェームスがここに。私は投稿を扱うプロジェクト (実際には両方とも同じコードを必要とする 2 つのプロジェクト) に取り組んでいますが、コンテンツは常にユーザー画面の 100% であり、jquery を使用して幅を分割して同じ量の列を作成しません。どんな画面解像度でも構いません。しかし、私はビデオ投稿に問題があります。デフォルトの 500px のビデオを投稿の幅に強制するスクリプトを作成する (または作成する方がはるかに役立つ) スクリプトを誰かが作成するのを手伝ってくれたら? 私が投稿を分割するために使用しているスクリプトは次のとおりです。どんな答えでも役に立ちます。ああ、私はこれをぶつけています。なぜなら、それはほぼ 1 週間前のものであり、まだ動作するスクリプトを受け取っていないからです。

    var container = function(){
    var posts = $(document).width() - 40;
    var entry = (posts - 200) / 5;
    $("#posts").css("width", posts);
    $(".entry").css("width", entry);
    $("img.photo").css("width", entry - 22);
}

container();

私がこれをやっているサイトはhttp://jamestestblog5.tumblr.com です。これを手伝ってくれる人に感謝します。本当に私を悩ませています!

4

1 に答える 1

1

こんにちは、こちらのデモをご覧ください: http://jsfiddle.net/ytcAk/

成長ボタンをクリックすると、ロジックを読み取ることができます。

古いソリューションからフォークします。:) (これがあなたが探しているものであるかどうかをお知らせください。そうでない場合は、この投稿を削除します)

Jクエリコード

function increaseVideoSize() {
    var columnWidth = 450; // width of your content column - any
    var defaultVideoWidth = 400; // theme tag width - 400,500
    var increaseRatio = columnWidth/defaultVideoWidth;
    $(".video-post").each(function() {
        var iframe = $("iframe", this);
        if(iframe.length>0) {
            var currHeight = iframe.height();
            var newHeight = currHeight * increaseRatio;
            iframe.height(newHeight).width(columnWidth);
        } else {
            var object = $("object", this);
            var embed = $("embed", object);
            var currHeight = object.attr('height');
            var newHeight = currHeight * increaseRatio;
            object.width(columnWidth).attr('height', newHeight);
            embed.width(columnWidth).attr('height', newHeight);
        };
    });
};​
于 2012-04-20T20:58:45.407 に答える